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注意 

(1 本書 は 、 著 者 な ど が 独自 に 調査 し た 結果 を 出版 し た も の で す 。 

(2) 本 書 の 内 容 に 関し て 、 ご 不明 な 点 や 誤り 、 記 載 漏 れ な ど お 気づき の 点 が ご ざい まし た 
ら 、 出 版 元 まで 書面 に て ご 連絡 くだ さい 。 

(3) 本 書 の 内 容 に 関し て 運用 され た 結果 の 影響 に つい て は 、 上 記 ( ら ) 項 に か か わら ず 、 閉 
者 お よび 出版 社 は 、 い っ さい の 責任 を 負い か ね ます の で 、 あ ら か じ め ご 了承 くだ さい 。 

(4) 本 書 の プロ グラ ム を 含 お すべ て の 内 容 は 著作 権 法 上 の 保護 を 受け て いま す 。 著者 、 発 
行者 な どの 書面 に よる 承諾 を 得 ず 、 無 断 で 複写 、 複 製 す る こと は 禁じ られ て いま す 。 


商標 

・ Microsoft、Windows、Microsoft Internet Explorer は 、Microsoft Corporation 
の 米国 、 お よび その 他 の 国 に お ける 商標 、 又 は 登録 商標 で す 。 

・ Netscape、Netscape Navigator、Netscape Communicator は 、 米 国 
Netscape Communications 社 の 商標 で す 。 

・ その 他 、 ブ ラン ド 名 、 製 品名 、 お よび 会 社名 は 、 一 般 に 各 メ ー カ ー の 商標 、 又 は 登録 商 
標 で す 。 

・ 本書 の 中 で は 通称 、 又 は その 他 の 名 称 で 表記 し て いる こと が あり ます の で 、 ご 了承 くだ 
さい 。 











は じ め に 


早い も の で 、HTML4.0 が 発表 され て か ら す で に 2 年 が 経過 し まし た 。 現在 で は 、 す 
べ て で は あり ませ ん が 、 そ の 機能 も 多く 利用 で きる よう に な り 、 そ の 役割 や 目的 も 広 
く 理 解 さ れる よう に な っ て き て いま す 。 本書 の HTML パ ー ト で は 、 初 心 者 で も 
HTML4.0 を 正しく 理解 し 利用 で きる よう 、 実際 に 利用 可能 な 部 分 を 中 心 に し て 、 具体 
例 と 共に 簡潔 に まとめ て み ま し た 。 ま た 、 現実 的 に 考え て HTML4.0 の 仕様 外 で も 利用 
され る こと が 想定 され る も の に つい て は 、 そ の こと を 説明 し た 上 で 解説 し て いま す 。 

本 書 で は 、HTML と 密接 に 関係 し て いる スタ イル シー ト に 関し て も 、 そ の 解説 を 
HTML パ ー ト に 含め る こと に し まし た 。HTML で は な く ス タイ ル シ ー ト で 行う こと が 
望ま し いも の に つい て は 、 関 連 ペ ー ジ と し て 示し て いま す の で 、 ぜ ひび 挑戦 し て みて く 
だ さい 。 ま た 、 よ り 多 く の 環 境 で 利用 で きる Web ペ ー ジ を 作成 する た め の ア クセ シビ 
リティ に 関す る ヒン ト も 多く 掲載 し て いま す 。 

本 書 の 内 容 を 総合 的 に 利用 する こと に よっ て 、 よ り 正 し く 優 れ た Web ペ ー ジ の 制作 
が 可能 に な る こと で し ょ う 。 


岡 蔵 龍一 


「 詳 角 HTML&JavaScripr 坪 典 ] が 出版 され て か ら 約 2 年 、JavaScript は ます ます 一 般 的 
に な り 、Web ペ ー ジ の 表現 手段 の 1] つ と し て 、 ご く 普 通 に 使わ れる よう に な り ま し た 。 
そし て 、 当 時 と 比べ る と JavaScript の パー ジョ ン も 上 が り 、 そ の 能力 は ます ます 高く 、 
複雑 な 処理 も こなせ る よう に な っ て いま す 。 し か し な が ら 、 そ れ に 合わ せ て どの プラ 
ウザ の どの バー ジョ ン が どの JavaScriprt を サポ ー ト し て いる か が 、 ま すま す 分 か り に く 
く な っ て き て いる こと も 確か で す 。 

本 書 で は 、 前 回 か ら 追 加 さ れ た り 、 新 た に 仕様 が 公開 され た JavaScript を 収録 する こ 
と は も ちろ ん 、 そ れ ぞ れ の スク リプ ト が 、JavaScript を サポ ー ト し て いる 2 大 プラ ウザ 
で ある Netscape Navigator と Internet Explorer の どの バー ジョ ン に 対応 し て いる か 、 一 
目 で 分 か る よう に し て いま す 。 

ぜひ お 気に入り の JavaScript を 見 つけ て 、 個 性 的 な Web ペ ー ジ 作り に お 役立て くだ 
さい 。 


半 場 方 人 


本 書 の 使い 方 


対応 ブラ ウザ 

Netscape Navigator2.0/3.0/4.0(JavaScript は 4.06 ま で ) と 、Internet Explorer3.0/4.0/ 

5.0 で 動作 確認 を し た 結果 を 表示 し て いま す 。0S に よる 対応 ・ 未 対応 は 「 解 説 ] を お 読み くだ さい 。 

な お 、 文 字 が 白く な っ て いる 
合 は 、 属 性 の 一 部 が 使用 で 

きま せん 。 




















mn 
タグ や スク リプ ト の 書式 。 イ [どちら 側 の 画像 に 対し て 着 除 する か 】 





タリ ッ ク 文 字 は 、 数 値 な ど let を の に 半 ず 6 困り か み を 人 
の 値 を 設定 する 部 分 で す 。 M 
HTML パー ト で は 、 下 の 表 
で 値 の 解説 を する 場合 が あ 
り ます 。 








VER の に Bi 本業 の osar 必 を 使 所 





















タグ や スク リプ ト の 使用 方 59 な yeWWY た Ca 5 芝 の dNar 人 を 使用 
法 や 注意 点 な ど を 、 文 章 で 分 
か りや すく 説明 し ます 。 画像 を 左 、 又 は 右 に 配置 し て テキ スト を その 横 に 回 り 込ま せ た 場合 の 、 回 り 込み を 


解除 し ます 。 
た だ し 、HTML で 回 り 込み を 制御 する た め の 履 性 は 廃止 予定 と な っ て いま す の で 、 


Sample スタ イル シー ト を 使っ た 方 が よい で し ょ う 。 


改変 可能 な HTML ・Java 
Script の ソー ス を 掲載 し て 
いま す 。 また 、 サポ ー ト ペー 
ジ か ら 、 コ ピー し て 使用 する 
こと も で きま す 。 


< く P> 

<TMG src="../1mages/fish.gif" width=*230" height=*145" 

2 a1t=" サ ンプ ル 画 像 " a1ign="1eft"> 

TNG 要素 に 対し て 「a1 ign="1eft*」 を 指定 する と 、 こ の よう に 画像 が 左側 に 配置 され て 、 
それ に 続く テキ スト が 右 便 に 表示 され ます 。 

<BR c1ear="1eft"> 

</P> 


の <t 陣 団 避 癒 国 


<P> 
この 回 り 込み を 解除 する た め に は 、BR 要 系 の c1ear 属 性 を 使用 し ます 。 
</P> 








上 「 画 島 と マル チ メ ディ ア 」 の [画像 に デキ スト を 回 り 込 ませ る - 画像 の 位置 指定 -」:P.128 参 昭 
内 「 ス タイ ル シ ー ト 」 の [回 り 込み を 解除 する 」:P.231 参 昭 


130 画像 と マル チ メ デ ィ ア 


柱 
本 書 の 項目 は 、HTML パ ー ト は タグ の 機能 ご と 、JavaScript は オブ ジェ クト 名 ご と に 分 類 さ れ て い 
ます 。 そ の 項目 名 で 探す 時 の 目安 に な り ま す 。 


邊 本書 の 使い 方 





見 出し 
ペー ジ 上 で で きる こと ・ し た いこ と か ら 、 タ グ や スク リプ ブ ト を 探す て こと が で きま す 。 









2 な 表示 例 の 解説 。 ブ ラウ ザ 名 

|] か 、 サ ンプ ブル の 動き を 表 
し て いま す 。 本 書 で は 、 注 
記 が な い 場 合 は 、Internet 
Explorer5.x の 画面 を 掲載 
し て いま す 。 














* レ イヤ ー の パッ ク の 色 を 変え る * レ イヤ ー の バッ ク の 色 を 変え る 


サン ブル ソー ス の ブラ ウザ 
表示 例 。 タ グ や スク リプ ト の 
効果 が 一 目 瞭 然 で す 。 


[7 人 請 " べ YER> タ グ 内 に JavaScript を 記述 する こと に より 、 そ の 階層 の レイ ヤー の み に 影 
朋 有 】 藻 す る javaScript を 設定 する こと が で きま す 。 
サン プル で は 、 レ イヤ ー 上 に マウ スカ ー ソ ル を 乗せ た り 、 レ イヤ ー か ら マ ウス カー 
ソル が 離れ た 時 、 イ ベン ト が 発生 し て レイ ヤー の バッ ク の 色 が 変わ り ます 。 


ツメ 
分 類 さ れ た タグ や スク リプ 


5 <HTML> ト の 機能 を 一 言 で 表し て い 
ツク <HEAD><TTTLE></TTTLE></HEAD> ーー ーー ー. 
8GGOCORe SPP ます 。 機 能 ご と に 探す 時 に 便 
ィ レ イヤ ー の パッ ク の 色 を 変え る <P> 利 で す 。 
<LAYER NAME="1ayer1" VISTBTLTTY=*ghow" BGCOLOR="b1ue* 
TOP=50 LEFT=100 WTDTH=200 HETGHT=200> 
<LAYER NAME="1ayer2" BGCOLOR="b1ue" TOP=50 LEFT=50 
WIDTH=100 HETGHT=100 onMouseOver="changeCo1or('red') "on 
MouseOut="changeCo1or ("blue' ) "> 
<P> こ こ に マウ ス を 持っ て くる と パッ ク の 色 が 変わ り ます . .</P> 
< = FL ん コ ーー ニュ ッ ー 
時 LANGUAGE= "JavaScript1 .2 改行 せ ず に ] 行 で 書か な けれ 
function changeCo1or (NC) ( bgColor=NC } | 
2 ば いけ な い ス クリ プ ト を 表 
</SCRTPT> し て いま す 。 
</LAYER> 
</LAYER> 
</BODY> 
</HTML> 








l 具 LAYEH> 一 コラ ム 「Netscape Navigator4X の レイ ヤー に つい て : 1 一 4」:P.204 参 昭 


Layer オ ブ ジ ェクト 427 





リン ク 
文法 的 に 関連 が ある 部 分 や 、 応 用 する 場合 に 必要 と な る 箇所 を 参照 する こと が で きま す 。 


本 書 の 使い 方 5 
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色 の 指定 方 法 
ファ イル の 位置 指定 - 絶対 URL と 相対 URL -……ーー……ーーーーー……… 25 
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ペー ジ の 基礎 と な る 内 容 

どの バー ジョ ン の HTML を 使っ て いる か を 示す 
HTML に 最低 限 必要 な 要素 ……… 

背景 色 を 指定 する .… 
背景 画像 を 指定 する 
基本 と な る 文字 色 を 設定 する 
キー ワー ド や 内 容 の 説明 、 制 作者 名 な ど を 入れ る 
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内 容 に 関す る 問い 合わ せ 先 を 示す . 
2 ド を 内 和 れる 




















テキ スト 
見 出し を 表す 
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JavaScript に つい て 
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使用 可能 な ブラ グイ ン を 取得 する .… … 
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リア ル タ イ ム に 時 ・ 分 ・ 秒 を 表示 する 


14 目次 


Math オ ブ ジ ェクト 
自然 対数 の 底 
e を 底 と する 2 の 自然 対数 
e を 底 と する 10 の 自然 対数 
ら を 底 と する 自然 対数 
10 を 底 と する 自然 対数 .… 




























nm を 比較 し て 小さ い 方 の 数 値 を 返す … 
nm を 比較 し て 大 きい 方 の 数 値 を 返す .…… 
最も 近く て 小さ い 整 数 を 返す 
最も 近く て 大 きい 整数 を 返す .… 
0 か ら の 絶対 値 を 返す …… 
四捨五入 し た 数 値 を 返す 
乱数 を 発生 させ て お みく じ を 作る … 
n の mm 乗 を 返す 
平方 根 を 返す … 


サイ ン を 返す .… 
コサイン を 返す .… 
タン ジェ ント を 返す 
X.y 座 標 か ら 角 度 を 返す 
アー クサ イン を 返す 
アー クコ サイ ン を 返す . 
アー クタ ンジ ェ ン ト な 返す ……… 








string オ ブ ジ ェクト 
文字 を 大 きく する … 2 
文字 を 小さ くす る …… 時 9 
文字 色 を 指定 する 477 



















フォ ント の サイ ズ を 指定 する 478 
文字 を 点滅 する … 478 
太字 (ボー ルド ) に する . 479 
削除 文字 に する …………… 480 
上 付き 文字 に する … 2 
下 付き 文字 に する … 491 
斜体 文字 (イタ リッ ク ) に する … …482 
等 幅 文字 に する … 483 
リン ク を 作る …… 483 





目次 15 


アン カー を 設定 する …- 
大 文字 を 小文字 に 変換 する 
小文字 を 大 文字 に 変換 する 
文字 列 を 分 割 する ………… 

n 番 目 の 文字 を 抜き 出す … 
文字 列 の 途中 の 文字 を 抜き 出す 
n 番 か ら m 個 の 文字 を 抜き 出す …… 
先頭 か ら 文 字 列 を 検索 する … 
後ろ か ら 文 字 列 を 検索 する .… 
指定 し た 文字 の ISO-Latin-1 の コー ド 番 号 を 返す 
IS0-Latin-1 の コー ド 番 号 を 文字 に 変換 する 






















Array オ ブ ジ ェクト 
曜日 を 表示 する - Array オ ブ ジ ェクト を 使う - 494 
配列 の 要素 を 文字 列 に し て 書き 出す .496 
配列 の 要素 を 逆 に 並べ 変え る … 497 
配列 の 要素 を ソー ト す る …- 498 
function オ ブ ジ ェクト 
新しい 関数 を 作る … 500 
関数 が ど こ か ら 呼 ば れ た 参照 する - 501 
関数 の 内 容 を 配列 と し て 使用 する ……… 503 
異な る オブ ジェ クト を 呼び 出す …505 
Object オ ブ ジ ェクト 


新しい オブ ジェ クト を 作る - 1 
新しい オブ ジェ クト を 作る - 2 - ame es 
の の ゴビ "有る 計 TRGPPTCOHPOTEOCG い HP CYP 





Boolean オ ブ ジ ェクト 
真 (true)・ 偽 (false) の 値 を 設定 する oe 509 


Number オ ブ ジ ェクト 
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イン ター ネッ ト の プー ム は 、Mosaic と いう 画像 を 表示 で きる Web プ ラウ ザ と 共に 突然 
や っ て きま し た 。 

そし て 、 そ れ に 続い て Netscape Navigator と いう Web ブ プラ ウザ が 登場 し まし た 。Netscape 
Navigator は 、 プ ラグ イン 機能 で 様々 な デー タ の 取り 扱い を 可能 に し 、 フ レー ノム 機能 や Java 
Scriprk な どの スク リプ ト 言 語 も 利用 で きる よう に し て いき まし た 。 

その うち 、 途 中 か ら 登場 し て きた Internet Explorer と Netscape Navigator は 、 激 し い シ ェ 
ア 争 い の た め に 、 次 々 と 独自 の 機能 を 追加 する よう に な っ て いき ます 。 そ し て 、 ユ ー ザ ー 
は 、「 新 し い 機 能 ] を こぞって 使う と いう 時 期 が し ば らく 続き まし た 。 当 時 は 単純 に アク セ 
ス 数 が 多けれ ば 多い ほど よい と 思わ れ て いた 時 代 で 、 新 し い 機 能 を 使っ て [こん な こと も 
で きる !] と いう ペー ジ を 作る だ け で 、 ア クセ ス 数 が 多く な っ た こと を 記憶 し て いま す 。 


し か し 、 し ば らく する と 、 そ れ に よる 区 害 も 現れ て きま し た 。 常に 最新 の Web プ ラウ ザ 
を 利用 し て いな いと 、 見 る こと の で き な い ペー ジ が 多く な っ て し まっ た の で す 。 当時 の 
Web サ イト に は 、 ト ッ プ ペー ジ に 「[ 〇 〇 〇 の バー ジョ ン X.XX 以 上 で ご 覧 くだ さい | な ど と 書 
か れ て いた こと が それ を 象徴 し て いま す 。 

本 来 は 多く の 人 に 見 て 欲し い は ず の Web ペ ー ジ が 、 ユ ー ザ ー を 限定 し て し まう 方 向 へ と 
進ん で し まっ た わけ で す 。 


ちょ うど その 頃 、WWW の 標準 化 を 行っ て いる W3C が 、HTML4.0 と いう 仕様 を 発表 し 
まし た 。 こ の 仕様 は 一 言 で いえ ば 、「 今 まで の HTML か ら 見 栄え に 関す る も の を 取り 除 
き 、HTML で は 純粋 に 文書 の 構造 の み を 表し て 、 見 栄え や レイ アウ ト に は スタ イル シー ト 
を 使 お う ] と いう も の で し た 。 

も ちろ ん 、 突 然 そ の よう な 方 向 へ 切り 替え よう と いっ て も 、Web プ ラウ ザ 側 が 対応 し て 
いま せん 。 そ の よう な 理由 で 、HTML4.0 に は 純粋 な HTML4.0 の 他 に 、 今 まで 使わ れ て い 
た タグ も 利用 で きる 移行 期間 用 の HTML4.0 も 用 意 さ れ ま し た 。 


で は 、 見 栄え な どの 表示 に 関す る 部 分 を HTML か ら 切 り 離 し て 、HTML で は 文書 の 構造 
の み を 表す と どう な る の で し ょ うか 

ここ で いう 「 文 書 の 構造 を 表す ] と は 、 特 に 難し い 意 味 で は な く 、「 大 見 出し 」・[ 普 通 の 
段落 ]・「 強 調 部 分 ] な どの 文書 中 で の 意味 に よっ て タグ を 付け て いく と いう こと で す 。 
つま り 、 文書 の 構成 要素 を 「 大 き な 文字 ] で は な く 「 大 見 出し ]、「 太 字 ] で は な く 「 強 調 部 
分 ] な ど と し て 考え よう と いう こと で す 。 
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と ころ で 、 皆 さん が ワー プロ な ど で 文 書 を 作成 する 時 に 、「 大 見 出し 」 は どの よう に レイ 
アウ ト し て いる で し ょ うか ? 

大 抵 の 場合 、、 ゴ シッ ク 系 の 大 き な 文字 な ど で 表す と 思う の で す が 、 実際 に は それ が A3 
の 紙 に 出力 する の か 、 ハ ガキ に 出力 する の か 、 カ ラー で 出力 する の か な ど に よっ て 、 同 じ 
「 大 見 出し ]」 で も サイ ズ な ど が 違っ て くる と 思い ます 。 同 じ 見 出し で も 、 最 終 的 な 出力 対象 
に よっ て 表現 は 様々 な の が 普通 だ と いう こと で す 。 


これ を HTML に 当て は め て みる と 、 文書 構造 の み を 表し て いれ ば 、 様 々 な 出力 媒体 で 利 
用 で きる よう に な る と いう こと が 分 か り ま す 。 

出力 側 で その 構成 要素 に 合わ せ た 表 現に し て 出力 が で きれ ば 、 普 通 の 標準 的 な Web ブラ 
ウザ は も ちろ ん 、Lymx な どの テキ スト 専用 プラ ウザ 、 携 帯 用 の 端末 や 電話 、 音 声 出力 、 点 
字 な ど で も 利用 で きる よう に な る と いう こと で す 。 こ れ が も し 、 単 に 「24 ポ イン ト の 文字 ] 
や 「 太 字 ] な ど で あ れ ば 、 そ の まま 表現 する し か 方 法 は あり ませ ん 。 


HTML4.0 で は 、 上 記 の よう に 様々 な 出力 媒体 へ の 対応 を 考 應 する と 同時 に 、 様 々 な 状 
況 の 人 が より 簡単 に 情報 に アク セス で きる よう な 機能 も 盛り 込ま れ ま し た 。 

例え ば 、 マ ウス が 使え な い 状 況 を 想定 し て タプ キー や ショ ー ト カッ トキ ー も 設定 で きる 
よう に な っ て いま すし 、 あ る 形式 の デー タ が 利用 で き な い 人 の た め に 、 そ の 情報 を 伝え る 
た め の 別 の 方 法 を 提供 する 機能 も 備え て いま す 。 


し か し 、 現 在 そ れ ら の 機能 が 徐々 に 利用 で きる よう に な っ て き て いる と は いえ 、 す べ て 
の Web ブ プラ ウザ が これ ら の 機能 を 満た し て いる わけ で は あり ませ ん 。 表 示方 法 を 制御 する 
は ず の スタ イル シー ト も 、 な か な か 完全 に は サポ ー ト され て いな い の が 現状 で す 。 

その よう な 意味 で は 、HTML4.0 を 使う と 都合 の 悪い 部 分 も 出 て くる こと は 確か で す が 、 
「 移 行 期 間 用 ] の HTML4.0 も 用 意 さ れ て いま す 。 よ り 多 く の 人 の アク セス を 可能 に する 
HTML4.0 を 今 か ら 利用 し 、 そ の 意味 を 理解 し て お く こ と は 、 決 し て 無駄 な こと に は な ら 
な い は ず で す 。 


※ 本 書 で は 、 この 「 移 行 期 間 用 ] の HTML4.0 の 機能 の 中 で 、 現在 で も 利用 可能 な も の を 中 心 に 解説 し て いま 
す 。HTML4.0 の より 詳し い 内 容 に つい て は 、 同 シリ ー ズ の 「 詳 解 HTML4.0&Cascading Style Sheet 矢 
典 ] を 参照 し こく だ さい 。 


※ 本 書 で は 、 一 部 で テキ スト ブラ ウザ の 代表 で ある 、「Lynx] で の 表示 例 も 掲載 し て いま す 。 
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ここ で は 、HTML で 使わ れる 用 語 に つい て 説明 し ます 。 
まず 、 次 の 例 を 見 て くだ さい 。 


HTML の 用 語 に つい て 


HTML で 使わ れる 用 語 を 正しく 知っ て お く と 、 文法 や 
その 構造 が いっ そう 理解 し や すく な り ます 。・・・ 


上 の 例 で は 、 ま ず 、「HTML の 用 語 に つい て 」 と いう 見 出し が あり ます 。 そ し て 、 そ の 内 
容 に つい て 書か れ た 段落 が 続い て いま す 。 

これ は 、 人 間 は 見 れ ば 分 か る こと な の で す が 、 コ ンピュータ が それ を 理解 する の は 簡単 
な こと で は あり ませ ん 。 上 の 文章 に は 、 そ の 構成 要素 と し て [見出し] と 「 役 落 ] の 2 つが あ 
り ま す 。HTML で は 、 こ の 構成 要素 を その 名 前 を 表す タグ で 囲う こと に よっ て 、 明確 に 示 
す よ うに し て いま す 。 

つま り 、 構 成 要素 の 範囲 を 表す た め に 開始 タグ と 終了 タグ で その 区 切り を 示し 、 そ の 構 
成 要素 の 種類 を 示す た め の 要 素 名 と 、 そ の 構成 要素 の 属性 を 指定 し て 使用 する の で す 。 


<H1>HTML の 用 語 に つい て </H1> 


く P> 

HTML で 使わ れる 用 語 を 正しく 知っ て お く と 、 文法 や 
その 構造 が いっ そう 理解 し や すく な り ま す 。・・・ 
</P> 


この よう に 、 文 書 の 構成 要素 に タグ を 付け る こと に よっ て 、 コ ンピュータ は それ が 何で 
ある か を 簡単 に 理解 で きる よう に な り ま す 。 

ここ で 、 見 出し を セン タリ ング し た い 場 合 、 そ の 開始 タグ に 構成 要素 の 属性 を 指定 する 
こと が で きま す ( こ こ で は 、 属 性 を 簡単 な 例 で 説明 する た め に 「align 属 性 ] を 使用 し て いま す 
が 、 本 来 は この よう な 場合 に は 、 ス タイ ル シ ー ト を 使う こと が 推奨 され て いま す )。 こ れ 
は 、 あ くま で 構成 要素 の 内 容 に 対す る 属性 な の で す が 、 そ れ を 示す 場所 と し て 開始 タグ を 
利用 する こと に な っ て いま す 。 


<H1 a1ign="cenEter">HTML の 用 語 に つい て </H1> 


<P> 

HTML で 使わ れる 用 語 を 正しく 知っ て お く と 、 文法 や 
その 構造 が いっ そう 理解 し や すく な り ま す 。・・・ 

< く /P> 


し た が っ て 、 上 記 の 例 の 見 出し 部 分 で 考え る と 、 そ れ ぞ れ の 用 語 は 次 の 部 分 を 指す こと 
に な り ま す 。 


・ 要 素 (タグ も 含め た 構成 要素 全体 ) 
<H1 al1ign="ocenEer">HTML の 用 語 に つい て </H1> 


タグ 


<H1 a]ign="center"> </H1> 


・ 要 素 名 
H1 


・ 属 性 (構成 要素 に 対す る 属性 ) 


a11gn= "center" 





・ 要 素 内 容 
HTML の 用 語 に つい て 








※ 属 性 が 複数 ある 場合 スペ ー ス で 区 切っ て 順不同 で 指定 で きま す 。 また 、 属性 の 値 は 基本 的 に 「"] で 囲っ て 
示す よう に し て くだ さい 。 
※ HTML4.0 で は 、 要素 名 や 属性 を 書く 場合 は 、 大 文字 で も 小文字 で も よい こと に な っ て いま す 。 本 書 の HTML 
バー ト で は 、 要 素 名 と 属性 と を 明確 に 区 別 する た め に 、 要 素 名 は 大 文字 で 、 属 性 は 小文字 で 表記 し て いま す 。 
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3. ブロ ッ ク レ ベル と イン ライ ン 


文書 中 で 使用 され る 要素 の 多く は 、 プ ロッ クレ ベル 要素 と イン ライ ン 要 素 に 分 類する こ 
と が で きま す 。 一 般 に 、 プ ロッ クレ ベル 要素 は 、 他 の プロ ッ ク レ ベル 要素 や イン ライ ン 要 
素 を 含む こと が で きま す 。 

また 、 イ ン ラ イン 要素 の 中 に は 、 置 き 換 え 要 素 と 呼ば れる も の が あり ます 。 


・ ブ ロッ クレ ベル 要素 
その 名 の 通り プロ ッ ク ( ひ と つの か た まり ) と し て 表 さ れる 要素 で 、 見 出し ・ 段 落 ・ リ 
スト ・ 表 な ど が 該当 し ます 。 一 般 的 に 、 そ の 前 後 は 改行 され ます 。 





ADDRESS BLOCKQUOTE CENTER DIV DL 
FIELDSET FORM H1-H6 HR MENU 
NOFRAMES NOSCRHIPT OL P PRE 
TABLE UL 
・ イ ン ラ イン 要素 

ョ 行 の 一 部 と し て 含ま れる 要素 を 指し 、 リ ンク ・ 強 調 ・ 略 語 な どの 部 分 が 該当 し ます 。 

ミ 

に A ABBR ACRONYM APPLET B 

人 A BASEFONT BIG BR BUTTON CITE 

K CODE EM FONT | IFRAME 
IMG INPUT KBD LABEL MAP 
OBJECT Q S SAMP SCRIPT 
SELECT SMALL SPAN STRIKE STRONG 
SUB SUP TEXTAREA 旨 旨 U 
VAR 
・ 置 き 換え 要素 


表示 され る 時 に 、 そ の 要素 自体 が ある も の で 置き 換わる よう な 要素 を 指し ます 。 


IMG INPUT TEXTAREA SELECT OBJECT 
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4. 色 の 指定 方 法 


HTML で 色 を 指定 する に は 、2 通 り の 方 法 が あり ます 。 た だ し 、 色 を 指定 する 場合 は 
HTML を 使用 せ すず に 、 ス タイ ル シ ー ト を 利用 する こと が 推奨 され て いま す 。 
実際 の 色 と そ の 値 に つい て は 、 巻 末 付 録 [ カラ テー チャ ー ト 1 一 3] を 利用 する と 便利 で す 。 


・16 進 数 で 指定 する 
[# 記 号 に 続け て 、RGB(Red, Green, Blue) の 各 値 を 2 桁 ず つの 16 進 数 で だ 示し ます 。 例 
えば 、 赤 を 指定 する 場合 に は 「 姓 FO000] と な り ま す 。 


・ 色 の 名 前 で 指定 する 

HTML4.0 で は 、 基 本 的 な 16 色 (巻末 付録 [カラ ー チ ャ ー ト 1 : HTML4.0 で 名 前 が 定義 
され て いる 人 色 ] 参 照 ) に つい て は 、 色 を 名 前 で 指定 する こと が で きま す 。 例 えば 、 赤 の 場 
合 は 「red] を 指定 で きま す 。 こ の 場合 、 大 文字 と 小文字 は 区 別 さ れ ま せん 。 


5. ファ イル の 位置 指定 - 絶対 URL と 相対 URL - 


例え ば 、 あ る 部 分 を リン ク さ せる 場合 は リン ク 先 の HTML フ ァイル の 位置 を 、 画 像 を 表 
示さ せ た い 場合 に は その 画像 の 位置 を 指定 する 必要 が あり ます 。HTML で は 、 こ の 位置 を 
URL で 示す の で す が 、 そ れ に は 2 通り の 方 法 が あり ます 。 


補 
ー 
ミ 
如 
全 


とり 





・ 絶 対 URL 

これ は 、Web プ ラウ ザ で ペー ジ を 見 て いる 時 に アド レス バー な ど に 表示 され て いる 、 
「htp://] で 始ま る 形式 の 指定 方 法 で す 。 

この 方 法 で 指定 する と 、 そ の デー タ の 転送 方 式 や ヤ サ ー バ ー、 サ ー バ ー 内 で の 位置 まで 
完全 に 指定 する こと に な り ま す 。 

一 般 に 、 自 分 の サイ ト 内 か ら 他 の サイ ト へ と リン ク す る 場合 ど 、 他 の サイ ト の ファ 
イル に 対し て 使用 され る 形式 で す 。 


【 例 http://www.w3 .org/ 
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・ 相 対 URL 
相対 URL は 、 同 じ サ イト 内 で 参照 を 行う 場合 な ど 、 同 じ デ ィ ス ク 上 の ファ イル を 参照 
する 場合 に 利用 され る 形式 で す 。 
この 場合 、 現 在 の ファ イル の 位置 を 基準 と し て 、 デ ィ レ クト リ ( フ ォ ル ダ ) の 階層 の 上 
下 を 表す こと に よっ て 位置 を 示し ます 。 自 分 で ホー ムペ ー ジ を 作成 し て いる 場合 な ど 、 
オフ ライ ン の 状態 で も 利用 で きる よう に する た め に は 、 こ の 方 法 で 指定 し て くだ さい 。 
また 、 サ イト 内 の デー タ を まる ご と 他 の サー バー に 移し 変え る 場合 ども 、 相 対 URL 
に し て お け ば 、 そ の まま 移行 する こと が で きま す ( 絶 対 URL に し た 場合 は 、 修 正す る 必 
要 が 出 て きま す )。 


相対 URL の 指定 方 法 は 、 自 分 より 下 の 階 層 に ある ファ イル の 場合 、、 そ の ディ レク ト 
リ 名 か ら フ ァイル 名 まで を 順に 「/」 で 区 切っ て 記述 し て いき ます 。 上 の 階層 を 示す に は 
1 つ 上 を 示す ご と に 「../| を 付け て 指定 し ます 。 


・ 同 じ 階 層 ( デ ィ レ クト リ ) の ファ イル を 示す 場合 : 
ファ イル 名 


・1 つ 下 の 階層 (同じ 階層 に ある ディ レク トリ 内 ) の ファ イル を 示す 場合 : 
ディ レク トリ 名 / フ ァイル 名 


・ ら つ 下 の 階層 の ファ イル を 示す 場合 : 
ディ レク トリ 名 / デ ィ レ クト リ 名 / フ ァイル 名 





・1 つ 上 の 階層 の ファ イル を 示す 場合 : 
・-/ フ ァイル 名 


・ ら つ 上 の 階層 の ファ イル を 示す 場合 : 
・・/ . ./ フ ァイル 名 


・1 つ 上 の 階層 の 別 ディ レク トリ の ファ イル を 示す 場合 : 
-・/ デ ィ レク トリ 名 / フ ァイル 名 





26 ファ イル の 位置 指定 - 絶対 URL と 相対 URL - 






どの パー ジョ ン の HTML を 使っ て いる か を 示す 


<!DOCTYPE HTML 一 > 


その ファ イル が 、 ど の バー ジョ ン の HTML で 書か れ て いる か を 示し ます 。 
HTML に は 、HTML2.0・HTML3.2・HTML4.0 な どの バー ジョ ン が あり 、 更 に 
HTML4.0 は 3 種類 に 分 けら れ ま す 。 使用 する バー ジョ ン に よっ て お 決ま り の 書き 方 
が あり ます の で 、 そ の まま 文書 の 先頭 に 入れ て くだ さい 。 こ こ で 使用 する バー ジョ 
ン を 示し た ら 、 そ の バー ジョ ン の 決ま り に 従っ た HTML を 書く 必要 が あり ます 。 
本 書 の 内 容 に 沿っ た ペー ジ を 作成 する の で あれ ば 、 以 下 の サ ンプ ル に 示す よう に 
HTML4.0 の Transirional DTD を 指定 すれ ば よい で し ょ う 。 
な お 、<!DOCTYPE> は 要素 を 表す タグ で は な く 、SGML の 「 文 書 型 官 言 ] で す 。 こ れ 
を 記述 する こと に よっ て 、 そ の 文書 内 で 使用 する DTD(Document Type Definiuion : 


文書 型 定義 ) を 宣言 し ます 。 
あ <!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 0 
2 講 。"hEtp://www.w3.org/TR/REC-htm140/1oose dtd"> 
<HTML 1ang="]a"> 
< く HEAD> 
<TTTLE> タ イト ル </TTTLE> 
< く /HEAD> 
<BODY> 
</ HODY> 
< く /HTML> 








上 !8ng=a' 一 「 ア クセ シビ リティ 」 の 「 何 語 で 書か れ て いる か を 指定 する 」:P.248 参 照 
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の 選 同 避 較 朝 計 計 肝 革 暗 | 
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の 計 同 避 加 前 生 穴 叶 着 暗 l 





HTML の バー ジョ ン と <!DOCTYPE> の 書き 方 


以下 に 、 現 在 使用 され て いる と 思わ れる 主 な HTML の 種類 (バー ジョ ン ) と 、 そ れ を 使 
用 し た 場合 の <IDOCTYPE> の 書き 方 を 示し ます 。 


・HTML3.2 

各社 ブラ ウザ が 独自 に 普及 させ た タグ な ど を 含ん だ HTML で す 。 多く の ブラ ウザ が サ 
ポー ト は し て いま す が 、 レ イア ウト な どの 見 栄え を 表現 する た め の 要 素 や 属性 を 多く 含 
ん で いる 一 昔 前 の バー ジョ ン で す 。 


< く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 3.2 Fina] / /EN"> 


・HTML4.0 Strict 

本 来 の 1 番 理想 的 な HTML4.0 を 書き た い 場 合 に は 、 こ れ を 指定 し て くだ さい 。 た だ 
し 、 レ イア ウト な どの 見 栄え を 表現 する た め の 要 素 や 属性 ( 廃 止 予定 もの) は 一 切 使う 
こと が で きま せん 。 各社 ブラ ウザ が 、HTML4.0 と スタ イル シー ト を 完全 に は サポ ー ト 
し て いな い 現 在 、 こ れ に 治っ た ペー ジ を 作る 場合 に は 様々 な 制限 が 出 て くる こと で し ょ 
う 。 また 、 各 要素 を 配置 で きる 位置 な ど に つい て も 、 他 と 比較 する と 厳し い 制限 が あり 
ます 。 


< く !DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML. 4.0 5 
"ht て p : / /www .W3 . org/TR/REC-htm140/striot .dtd"> 


・HTML4.0 Transitional 

問 社 ブ ラウ ザ の 対応 状況 か ら す る と 、 最 も 利用 し や すい HTML で す 。 上 記 の HTML4.0 
Strict を いき な り 採 用 する に は 、 現 状 で は 多少 ヘ ハリ が ある と の 考え か ら 作ら れ た と 思わ 
れる 暫定 的 な バー ジョ ン で す 。 廃止 予定 の 要素 や 属性 が 使用 可能 で 、 各 要素 を 配置 で き 
る 位置 に つい て も 自由 度 が 高く な っ て いま す 。 た だ し 、 フ レー ム は 使用 で きま せん 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"http : / /www .W3 . org/TR/REC-htm140/1oose .dtd"> 


・HTML4.0 Frameset 
上 記 の HTML4.0 Transitional で 、 フ レー ム を 使用 で きる よう に し た も の で す 。 その 
文書 内 に 、 フ レー ム に 関連 する 要素 を 含む 場合 に 使用 し ます 。 フ レー ム に 関連 する 部 分 
を 除く と 、HTML4.0 Transitional と 全く 同じ も の で す 。 


< く !DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 は 
"ht て D : / /Www . w3 . org/TR/REC-htm140/fFrameset . dtd"> 
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HTML に 最低 


<HTML></ HTMTL> 
<HEAD> </HEAD> 
< 呈 エ TL 到 >ー く / TFTTLE> 
<BODY> 一 </BODY> 





解 HTML 文 書 で は 、 ま ず 先 頭 に IDOCTYPE 一 > を 書い て 、 そ れ 以 外 の 内 容 は すべ て 
<HTML> 一 </HTML> の 範囲 内 に 書き ます 。<HTML> 一 </HTML> の 中 に は 、 
<HEAD> 一 </HEAD> と <BODY> 一 </BODY> を 順に 1 つ ず つ 入 れ て くだ さい 。 
<HEAD> 一 </HEAD> の 範囲 に は その 文書 に 関連 する 情報 を 、<BODY> 一 </BODY> 
の 範囲 に は その 文書 の 実際 の 内 容 と な る デー タ を 入れ る こと が で きま す 。 ま た 、 
<HEAD> 一 </HEAD> の 範囲 内 に は <TITLE> 一 </TTTLE> を 使用 し て 、 必 ず そ の 文書 
の タイ トル を 入れ る よう に し て くだ さい 。 こ こ で 指定 し た タイ トル は 、 一 般 的 な プ 
ラウ ザ で は ウイ ンド ウ の タイ トル バー に 表示 され る ほか 、「 お 気に入り ] や 「 プ ブッ クマ ー 
ク 」 と し て 登録 し た 場合 の タイ トル に も な り ま す 。 


に : し 


る <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 as 
2 http : / /www .w3 .org/TR/REC-htm140/1oose .dtd"> 
中 <HmMT 1ang="]a"> 
< 芋 EEAD> 
… こ の 文書 に 関す る 情報 … 
<T エ TLE> こ の 文書 の タイ トル </ T エ TLE> 
… こ の 文書 に 関す る 情報 … 
</HEAD> 
<BODY> 
… こ の 文書 の 実際 の 内 容 … 
</BODY> 
</ HTMTL> 








ぶ 選 三 避 誰 朝 計 守 肢 半 暗 軸 


上 18ng=a' 一 「 ア クセ シビ リティ 」 の 「 何 語 で 書か れ て いる か を 指定 する 」:P.242 参 照 
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ペー ジ 全 体 の 背景 を 、 指 定 し た 色 で 表示 し ます 。 

た だ し 、 こ の 指定 方 法 は 、 将 来 的 に 廃止 され る こと に な っ て いま す 。 背景 色 を 指定 
する 場合 に は 、 ス タイ ル シ ー ト を 利用 する よう に し て くだ さい 。 

また 、 一 般 的 に プラ ウザ は 、 印 刷 時 に 背景 の 色 は 印刷 し な いよ うに 設定 され て いま 
す 。 そ の た め 、 背 景 に 黒 な どの 濃い 色 を 、 文 字 に 白 な どの 薄い 色 を 指定 し て いる と 、 
結果 と し て 文字 が 印刷 され な いこ と に な り ま す の で 注意 し て くだ さい 。 設定 に よっ 
て 印刷 する こと も で きま す が 、 そ の 方 法 を 知ら な い 人 は 意外 に 多い よう で す 。 


< く !DOCTYPE HTMTL PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
"http : / /www .w3 . or9/TR/REC-htm140/1oose .dtd"> 引 

<HTML, ]ang="]a"> 

< く HEAD> 

<TTTLE> 背 景色 を 指定 する </TTTLE> 

</HEAD> 

<BODY bgco1o ェ ="#FFCC00『> 

<H1> 背 景色 </H1> 

< く P> 

この よう に 、 痛 景 全 体 が 指定 し た 色 で 塗り つぶ され ます 。 | 

し か し 、 ス タイ ル シ ー ト を 使う の が スマ ー ト な や り 方 で す 。 

</ P> 

</ BODY> 

</ HTML> 








旧 除 「HTML に つい て 」 の 「 色 の 指定 方 法 」:P.25 参 照 
上 l 肝 「 ス タイ ル シ ー ト 」 の 「 背 景色 を 指定 する 」:P.196 参 照 
上 若 示 付録 「[ カ ラー チャ ー ト 1 3]」: 巻 末 参 照 
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背景 画像 と し て 使用 し た ファ イル 





ペー ジ 全 体 の 背景 を 、 指 定 し た 画像 を タイ ル 状 に 並べ た 状態 に し ます 。 

画像 ファ イル と し て は 、 一 般 的 な GIF 形式 の ほか 、 JPEG 形 式 や PNG 形式 も 使用 で 
きま す 。 回 線 の 状況 な ど に よっ て 画像 が すぐ に は ロー ド さ れ な い 場 合 あ り ま す の 
で 、 文 字 が ハッ キリ と 読め る よう な 背景 色 も 同時 に 指定 し て お く と よい で し ょ う 。 
た だ し 、 こ の 指定 方 法 は 、 将 来 的 に 廃止 され る こと に な っ て いま す 。 背 景 画 像 を 指 
定 する 場合 に は 、 ス タイ ル シ ー ト を 利用 する よう に し て くだ さい 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"http : / /Www . w3 . or9g/TR/REC-htm140/1oose .dtd"> 

<HTML  ]ang="]a"> 

<HEAD> 

<TTTLE> 背 景 画像 を 指定 する </TTTLE> 

</HEAD> 

<BODY bgco1o ェ ="#336666" background="back.d1F" 上 ex 上 = 

"#FFFFEF "> | 

<H1 > 背景 画像 </H1> 

く P> 

この よう に 、 背 景 全 体 に 指定 し た 画像 が 配置 され ます 。 

し か し 、 ス タイ ル シ ー ト を 使う の が スマ ー ト な や り 方 で す 。 朋 

< く /P> 

</BODY> 

</HTML> 


の 胡 避 愉 電 肝 き 着 暗 | 








上 l 孤 「HTML に つい て 」 の 「 フ ァイル の 位置 の 指定 方 法 - 絶対 URL と 相対 URL -] :P.25 参 照 
上 l 除 「 ス タイ ル シ ー ト 」 の 「 痛 早 画 像 を 指定 する 」:P.197 参 照 
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_text リン ク し て いな い 普 通 の 部 分 の 文字 色 

















link リン ク し て いる 部 分 の 文字 色 ( リ ンク 先 を まだ 見 て いな い 場 合 つま り リ ンク 先 
に _ が キャ ッシュ され て いな U い 場合 の 文字 色 ) ルッ 
VIlink リン ク し て いる 部 分 の 文字 色 ( リ ンク 先 を すでに 見 た 場合 つま り リ ンク 先 が 
_ キャ ッシュ され て いる 場合 の 文字 色 ) の 4 電 
alink リン ク し て いる 部 分 を クリ ッ ク し た 時 の 文字 色 ( リ ンク 部 分 の 上 で 、 マ ウス ボタ 
ン を 押し て か ら 離 すま で の 文字 色 ) 





text で 指定 する の は 、 この よう な 普通 の テキ スト の 色 で す 。 
link の 解説 は 、 まだ 見 て いな い が 、 link の 解 0 
こと いう 場合 に 、 この よう な 色 に な り ま す 。 の 
よう と し て マウ ス で 押す と 、 その 間 だ け 色 が 変 1 





に 
に ーー text で 指定 する の は よう 普通 の デキ スト の 駒 で す . 
ま は 3 5 る 人 の ら j り ます 、。 Il 人 
ここ いい Ge に a 色 に な 。 引 | 
よう と し て マウ ス で 押す と 、 その 間 だ け 色 が 変 1 
内 
容 
人 7 人 識 ペ ー ジ 全体 を 通し て の 文字 色 を 設定 し ます 。 


に 


通常 の 文字 と 、 リ ンク し て いる 部 分 の 3 種類 の 状態 の 色 を それ ぞ れ 指定 する こと が 
で きま す 。 こ れ ら を 指定 する 場合 は 、 背 景色 の 指定 も 含め て すべ て セッ ト で 指定 す 
る よう に し て くだ さい 。 そ う で な い 場 合 は 、 ユ ー ザ ー の 設定 に よっ て は 、 文 字 が 見 
に くく な っ て し まう 可能 性 が あり ます 。 

た だ し 、 こ れ ら の 指定 方 法 は 、 将 来 的 に 廃止 され る こと に な っ て いま す 。 文字 色 を 
指定 する 場合 に は 、 ス タイ ル シ ー ト を 利用 する よう に し て くだ さい 。 
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ビ 
ウツ 


< く !DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
"htEp : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 間 

<HTMT, ]ang="]a"> 

<HEAD> 

<TTTLE> 文 字 色 を 設定 する </TTTLE> 

< く /HEAD> 

<BODY bgCo1O エ ="#FFFFFF" 上 ex モ ="#000033" 1ink="#0033FEF" 
Y11ink="#666699" a1ink="#FF3300『> 』 

< く P> 

text で 指定 する の は 、 こ の よう な お 普通 の テキ スト の 色 で す 。<A hreF="kaisetsu1 . 

htm1 ">11nk の 解説 </A> は 、 ま だ 見 て いな い が 、<A href="kaisetsu2 . 

htm1 ">Y1ink の 解説 </A> は すでに 見 た と いう 場合 に 、 こ の よう な 色 に な り ま す 。 

<A href="ikaisetsu3 .htm1 ">a1ink の 解説 </A> を 見 よう と し て マウ ス で 

押す と 、 そ の 間 だ け 色 が 変化 し ます 。 

</P> 

</BODY> 

</HTML> 




















旧 具 「HTML に つい て 」 の 「 色 の 指定 方 法 」:P.25 参 照 

上 l 孤 「 ス タイ ル と レイ アウ ト 」 の 「 文 字 色 を 指定 する 」 :P.67 参 昭 

上 「 ス タイ ル シ ー ト ]」 の 「 文 字 色 を 指定 する 」:P.195 参 照 

上 l 了 「 ス タイ ル シ ー ト 」 の 「 リ ンク 部 分 の スタ イル を 指定 する 」:P.228 参 昭 
上 き 末 付録 「 カ ラー チャ ー ト 1 3]: 巻 示 参 照 
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<META name="author" content=" 訓 寿 者 名 "> 
<META name="desoription" content=" 内 容 の 説明 "> 
<META name="keywords" content=" キー ワー だ 7, キー ワー だ 2, … 





解 その ペー ジ の 制作 者 名 、 内 容 の 説明 、 キ ー ワ ー ド な ど を 指定 し ます 。 
月 記 キー ワー ド は 、 半 角 の カン マ (,) で 区 切っ て 複数 指定 する こと が で きま す 。 こ れ ら の 
情報 は 、 画面 上 に は 表示 され ませ ん が 、 サ ー チ エン ジン が 情報 を 収集 する 場合 な ど 
に 利用 され ます 。 特 に キー ワー ド と し て あたえ る 言葉 は 、 そ の ペー ジ が うま く 検 索 
され る か どう か に 関わ る も る の で す の で 、 慎重 に 考え て 指定 し て くだ さい 。 
これ ら の 情報 は 、<HEAD> 一 </HEAD> の 範囲 に 指定 する 必要 が あり ます 。 


⑪' <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"hp : / /Www .w3 . ord/TR/REC-htm140/1oose .dtd"> 前 
<HTML, 1]ang="]a"> 
< く HEAD> 
<TTTLE> 検 索 さ れ や すい ペー ジ の 作り 方 </TTTLE> 
<META name="author" content=" 岡 蔵 龍一 "> 
<META name="degoription" conten モ =" キー ワー ド に よっ て 、 検索 され る 
率 を 高め る 必殺 テク ニッ ク 集 ! "> 』 
<META name="jkeywords" oonEent=" 検 索 , サー チエ ンジ ン , ヒッ ト 率 , META , 
キー ワー ド , keyword , ロボ ポッ ト , サー チ 『> | 
< く /HEAD> 
<BODY> 

) 
</ BODY> 
</ HTML> 
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<META ht 上 tp-eGquiv="Conten-Type" Content="Eexxt /htm1 
charset= 又 字 セ ッ ト 人 "> 


<META http-equiv="Content-Soript-Type" content=" ス クリ プ ト ム の 
タイ ププ "> 

<META ht 上 tp-equiY="Conten 上 -Sty1e-Type" content=" スタ イル シー 
た の タイ ププ "> 








_ 文字 セッ ト JIS : IS0-2088-JP. シフ ト JIS : Shift_JIS, EUC : EUCJP 





スク リプ ト の タイ ブ _ JavaScript : text/javascript, VBScript : text/vbsoript 








スタ イル シー ト の タイ プ Cascading Style Sheet : text/css 





解 1 番目 の 書式 は 、 そ の HTMTL 文書 の 文字 セッ ト を 示し ます 。 


表記 2 番目 の 書式 は 、 そ の 文書 で 使用 d れ て いる デフ ォ ル ト の スク リプ ト 言 語 を 示し ま 
す 。 イ ベン ト ハ ンド ラ を 使用 する 場合 は 、 そ こ に 記述 され て いる 言語 を 特定 する 手 
段 が あり ませ ん の で 、 必 すず 指定 する よう に し て くだ さい 。 

3 番目 の 書式 は 、 そ の 文書 で 使用 d れ て いる デフ ォ ル ト の スタ イル シー ト 言 語 を 示 
し ます 。 sryle 属 性 を 使用 し て スタ イル を 指定 する 場合 は 、 そ こ に 記述 され て いる 言 
語 を 特定 する 手段 が あり ませ ん の で 、 必 ず 指 定 する よう に し て くだ さい 。 実際 に は 、 
デフ ォ ル ト の 言語 を 指定 し な く て も 、 事 実 上 の デフ ォ ル ト 言 語 (JavaScript や CSS) で 
動作 し ます が 、 指 定 し て お く の が 正しい 書き 方 で す 。 

な お 、 こ れ ら の 情報 は 、<HEAD> 一 </HEAD> の 範囲 に 指定 する 必要 が あり ます 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
2 "hp : / /Www .W3 . ord/TR/REC-htm140/1oose .Qdtd"> 

<HTML, 1]ang="]a"> 

< く HEAD> 

< く META http-eqdui マ ="Content-Tmype" Content="text/htm1: 
charse モ =Sh1fFt JTS"> 莉 
<META 上 上 p-Gqui で = "CoOnEen モ -SC エ 1p セ 上 -Type" Content 上 =" 上 ext 上 / 
avascr1pt『> 

<META http-equi マ ="Conten モ -8 モ 1e-Type" ConEent=" 上 ex 上 /CSS『> 
<TTTLE>META 要 素 の サン プル </TTTLE> 


</ HEAD> 

<BODY style="co1or: #000033" onLoad="a1ert ( "読み 込み 完了 ! ') "> 
) 

</ BODY> 

< く / HTML> 











上 内 「 ス タイ ル シ ー ト 」 の 「 タ グ 内 に スタ イル シー ト を 組み 込む た め の 属 性 」:P.192 参 照 
上 「UavaScript に つい て 」 の 「 イ ベン ト ハ ンド ラ 」:P.260 参 照 
上 上 注意 文字 セッ ト に つい て 」:P.37 参 昭 
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<META http-equiv="reFresh" content=" 牧 数 "> 
<META http-equiv="reEresh" conten セ =" 秒 数 :UR エ = 移動 先 Rr"> 





ソル ブラ は 移動 し まし た 


ソル トウ ォ ー タ ー・ ブ プラザ ー ズ は 以下 の URL に 移動 し まし た 。 
新 URL: http//wwwwslishcom/"fish/ 


ソル ブラ は 移動 し まし た 


トノ MM ォ ー タ ー・ ブ ラ ザ ー ズ は 以下 の URL に 移動 し まし た 。 
:h 


//www elfish com/ fh/ 





マー 947M76 

ol 

ず 

和 

容 

を 

3 隔 較 汚し た 秒 数 後に 、 自 動 的 に ペー ジ の 読み 込み を 開始 し ます 。 


屯 


移動 先 の URL を 指定 し た 場合 は その ペー ジ を 読み 込み ます が 、 指 定 し て いな い 場 合 
は 同じ ペー ジ を 再読 み 込 み ( リ ロー ド ) し ます 。 

この 要素 は 、<HEAD> 一 </HEAD> の 範囲 に 配置 し て くだ さい 。 

この 機能 よ 、 ペ ー ジ の URL を 変更 し た 場合 な ど に 、 元 の 古い ペー ジ (「 引 っ 越し まし 
た 」 の ペー ジ ) で よく 利用 され る も の で す が 、 す べ て の プラ ウザ で この 機能 を 利用 で 
きる わけ で は あり ませ ん 。 自 動 的 に 別 の ペー ジ に 移動 させ る 場合 に は 、 そ の ペー ジ 
へ の リン ク も つけ て お く と よい で し ょ う 。 

な お 、 ア クセ シビ リティ を 考慮 する の で あれ ば 、 こ の 機能 自体 を 利用 し な いよ うに 
し て くだ さい 。 
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lQY 


<HTMT, 1ang="a"> 
<HEAD> 
<TTTLE> 移 動 し まし た </TTTLE> 


< く MEFA 上 上 わ ーGQui で =" ェ GEF エ egBh" COnen セ ="1 0 : URL=hEtD : / / www . | 
e1fFish .cCom/~-Fish/『> 


る <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 PD 
2 "http : / /www .w3 . org/TR/REC-htm140/1oose . dtd"> 


</HEAD> 

< く BODY> 

<H1> ソ ルプ ラ は 移動 し まし た </H1> 

<P> 

ソル トウ ォ ー タ ー・ プ ラ ザ ー ズ は 以下 の URL に 移動 し まし た 。<BR> 
新 URL :<A HREF="http: / /www .e1fFish .Com/~-Fish/ "> 
http : / /www .e1fFish .Com/-Fish/</A> 

</P> 

< く / BODY> 

</HTML> 








上 l「 ア クセ シビ リティ 」 の 「 ア クセ シビ リティ に つい て 」:P236 参 昭 


文字 セッ ト に つい て 


電子 メー ル の 場合 は JIS コ ー ド を 使う こと が 常識 と な っ て いま す が 、HTML 文 書 に つ 
いて は 、JIS・ シ フト JIS・EUC・UNICODE の いずれ も 正式 な も の と し て 利用 する こと 
が で きま す 。 前 項 の 説明 に も あり ます が 、 こ れ ら を META 要 素 の 「charset=」 で 指定 す 
る 場合 に は 、 次 の も の を 指定 し ます 。 大 文字 と 小文字 の 区 別 は され ませ ん 。 











JIS ISO-2022-JP 
シフ ト JIS Shift_JIS 
EUC EUC-JP 
UNICODE UTF-8 





また 、 シ フト JIS と EUC が 正式 な も の と し て 登録 され る 以前 に は 、 次 の 文字 セッ ト を 
利用 で きる ブラ ウザ (Netscape Navigator 5.0) も あり まし た 。 





シフ ト JIS X-SIS 
EUC X-eUC-jD 
作成 し た HTML 文 書 の 文字 セッ ト と META 要 素 で 指定 する 文字 セッ ト が 違っ て いる 場 


合 に は 、 文 字 化け し て し まい ます の で 注意 し て くだ さい (現在 、 広 く 使わ れ て いる パソ コ 
ン で は 、 シ フト JIS が 採用 され て いま す )。 








た だ し 、 本 来 は 文字 セッ ト は META 要 素 で 指定 する の で は な く 、 サ ー バ ー 側 が MIME 
ヘッ ダ の 中 の charset パ ラメ ー タ と いう も の で ブラ ウザ に 通知 する こと に な っ て いま す 。 
ここ で は 詳し い 解 説 は 省略 し ます が 、META 要 素 で 指定 する 方 法 は 、 現 状 を 考慮 し た 補 
助 的 な 方 法 で ある こと も 知っ て お いて くだ さい 。 
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他 の ペー ジ と の 関係 を 表す 

















rel この ペー ジ か ら 見 た 、UHL で 示し た ペー ジ と の 関係 
「ev UHL で 示し た ペー ジ か ら 見 た 、 こ の ペー ジ と の 関係 
Lynx で の 表示 例 





現在 の ペー ジ と 、 関 連 す る 他 の ペー ジ と の 関係 を 示し ます 。 

有 記 例え ば 、 前 の ペー ジ や 次 の ペー ジ を 示す 場合 な ど に 使用 され ます 。 具体 的 な 関係 を 
示す 値 に つい て は 、 右 ペー ジ の Tip「 ペ ー ジ 同士 の 関係 を 表す 値 ] を 参照 し て くだ さい 。 
現状 で は 、 多 く の プ ラウ ザ が この 情報 を 利用 で きる よう に は な っ て いま せん 。 し か 
し 、 テ キス トブ ラウ ザ の Lynx で は 、 ナ ビ ゲ ー シ ョ ン シ ス テム と し て 利用 で きま すし 、 
これ ら の 情報 は サー チエ ンジ ン を 始め と する 様々 な 用 途 に 利用 され る こと が 考え ら 
れ ま す 。 他 の ペー ジ と の 関係 を 示す こと は 、 決 し て 意味 の な いこ と で は あり ませ ん 。 
な お 、 こ れ ら の 情報 は 、<HEAD> 一 </HEAD> の 範囲 で 指定 する 必要 が あり ます 。 





の 胡 門 誰 盟 肝 中 叶 填 遇 | 
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<!DOCTYPE HTMTL PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
http : / /Www . w3 . ord/TR/REC-htm140/1oose .dtd"> | 

<HTMT, 1ang="]a"> 

<HEAD> 

<TTTLE>Section 2 : LTNK 要 素 </TTTLE> 

<LTNK re1="contents" hreE="moku]1 .htm1 "> 

<LTNK re1="previous" hreE="section1 .htm1m> | jE4 

<LTNK re1="next" hreE="section3 .htm1 "> 

<LTNK re1="StyleSheet" hreE="defau].Css" type="tex/cCss"> 

</HEAD> 

<BODY> 

<H1>LTNK 要 素 </H1> 
0 

</ BODY> 

</HTML> 








則 陸 「 ス タイ ル シ ー ト 」 の 「 別 ファ イル の スタ イル シー ト を 読み 込む 」:P.190 参 照 


ペー ジ 同 士 の 関係 を 表す 値 


LINK 要 素 と A 要 素 で は 、rel 属 性 と rev 属 性 を 使用 し て 、 他 の ペー ジ と の 関係 を 表す こと 
が で きま す 。 そ の 関係 を 示す 値 と し て 、HTML4.0 で は 以下 の も の が 定義 され て いま す 












































(大 文字 ・ 小 文字 は 区 別 され ませ ん )。 TS 
Alternate 別 バ パージ ョ ン 的 
Stylesheet 外部 スタ イル シー ト 内 
Star 最初 の ペー ジ 容 
Next 次 の ペー ジ 和 
Prev 前 の ペー ジ 
Contents 目次 る 
Index 索引 

Glossary 用 語 集 

Copyright 著作 権 に 関す る ペー ジ 

Chapter 章 

Section 節 

Subsection 項 

Appendix 付録 

Help ヘル プ 

Bookmark ブッ クマ ー ク 集 
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<BASE hreF="ORL"> 
<BASE hreF="ORL" target モ 上 =" ター ゲット 名 "> 





解 その ペー ジ で 使用 する 相対 URL の 基準 と な る 絶対 URL を 設定 し ます 。 
且 』 この 指定 を 行う と 、 以 降 そ の ペー ジ で 指定 する 相対 URL は 、 す べ て ここ で 指定 し た 
絶対 URL を 基準 と し た も の と し て 認識 され ます 。 こ の 指定 を 行わ な か っ た 場合 に は 、 
現在 の ペー ジ の 位置 が 基準 と な り ま す 。target 属 性 を 指定 する と 、 リ ンク 先 の ペー ジ 
を 開く デフ ォ ル ト の フレ ー ム や ウイ ンド ウ を 指定 する こと が で きま す 。 
な お 、BASE 要 素 は 、<HEAD> 一 </HEAD> の 範囲 で 指定 し て くだ さい 。 


あ < く !DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTMTL 4.0 Transitiona1 / /EN" 
レク "htEp: / /www .w3 . org/TR/REC-htm140/1oose.dtd"> 
<HTML, 1ang="]a"> 
<HEAD> 
<BASE hreF="hEEp: //www.samp1e.com/-mariko/1ndex .htm1" 
も target="cConEentfFrame"> 」 
<TTTLE> 真 理子 の ペン ギン 大 好き ! ! : メニ ュー</TTTLE> 
</HEAD> 
<BODY> 
) 
<A href="diary/intro .htm1 "> 日 記 の コー ナー</A> 
) 
</BODY> 
</ HTML> 


ぶ 








上 l 孤 「HTML に つい て 」 の 「 フ ァイル の 位置 の 指定 - 絶対 URL と 相対 URL -」 :P.25 参 照 
用 除 Tip「 タ ー ゲ ッ ト 名 に つい て 」 :P.179 参 照 


の 慎司 避 誰 埋 肝 守 肝 填 暗 | 


target 属 性 を 指定 する 場合 の 注意 


この サン プル の リン ク 部 分 の 相対 UHL「diary/intro.htmll は 、 以 下 に 示す 絶対 URL と 
し て 認識 され て 「contentframe」 と いう 名 前 の フレ ー ム に 表示 され ます 。 も し 、 こ の フ 
レー ム が な い 場 合 に は 、 新 し い ウ イン ドウ に 表示 され ます 。 


ht て tp : / /www . Samp1e . Com/~-marijko/d1ary/ 1ntro . htm1 
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<ADDRESS> 一 </ADDRESS> 


各 拭 放 に 太 み る お 盛 い 合わ せな 、 署 チ メール ア た レス 
/orgey@ の ag5c-cop/ 放 た な 、 フ ゲ ー ダ プイ ヤル / の 72 の -7 ク ガー 
の 56/ ま で 。 


参 箇 た 移 る お 盛 合わ な な 、 寺 チ メー ル ア た レス 
7orger@②gpc.cop/ 志 た な 、 フ ゾ ー ダ アヤ ル / 
の 72 の -7 ク 2- ず 5 の / で 。 





解 その ペー ジ の 内 容 に 関す る 問い 合わ せ 先 や 、 連 絡 先 が 書 か れ て いる 部 分 で ある こと 
月 記 を 示し ます 。 
具体 的 に は 、 電 子 メ ー ル アド レス ・ 制 作者 や 担当 者 名 ・ 会 社名 ・ 住 所 ・ 電 話 番号 ・ 
FAX 番号 な ど を 示す 場合 に 使用 し ます 。 一 般 的 な プラ ウザ で は イタ リッ ク で 表示 さ 
れ ま す が 、 ス タイ ル シ ー ト に よっ て で 変更 する こと も 可能 で す 。 


Ri7 <!DOCTYPE HTMIL, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona] / / EN" 
"http : / /www.w3 .org/TR/REC-htm140/1oose .Qtd"> | 
<HTML, ]ang="]a"> 
< く HEAD> 
<TTTLE> 株 式 会 社 ABC : 新 製品 一 覧 </T エ TLE> 
< く /HEAD> 
<BODY> 
) 
<ADDRESS> 
各 製品 に 関す る お 問い 合わ せ は 、 電子 メー ル ア ド レス 「 
<A href="mai1to : orderGabc . co . Jp">orderGabo . Co . Jp</A>」 
また は 、 フ リー ダイ ヤル 「<B>0120-123-456</B>」 まで 。 
</ADDRES8> 
</BODY> 
</ HTML> 


ぶ 慎 冊 避 層 電 計時 肢 羊 暗 昌 








上 l 具 「 ス タイ ル シ ー ト 」 の 「 フ ォ ン トス タイ ル を 指定 する 」:P.210 参 照 


ペー ジ の 基礎 と な る 内 容 41 





コメ ント を 人 入れ る 





fi ペー ジ 内 に コメ ント を 入れ て お く 場 合 に 使用 し ます 。 
表記 この 部 分 が 実際 に 表示 され る こと は あり ませ ん し 、 機 能 的 に 一切 影響 ああ た えま 
せん の で 、 更 新 時 の 注意 書き な ど を 入れ て お く と 便利 で す 。 
コメ ント に は 任意 の 文字 を 入れ る こと が で きま す が 、 ハ イフ ン を 連続 し て 入れ る こ 
と (- な ど ) は 避け て くだ さい 。 


RW < く !DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
2 "ht て D : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 
罰 <HTMT, 1ang="a"> 
< く HEAD> 
<TTTLE> 社 内 ニュ ー ス </TTTLE> 
く / HEAD> 
< く BODY> 
<H1> 社 内 ニュ ー ス </H1> 
く P> 


<! -- 更 新 時 に は 、 以 下 の 行 も 忘れ ず に 更新 する こと ! --> 
最終 更新 日 :1999 年 9 月 1 日 ( 水 ) 

く /P> 

く P> 

さて 、 今月 の 

</P> 

< く / BODY> 

< く / HTML> 








ぶ 選 同 避 層 昌 言語 半 暗 昌 
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<H1>ー く / 古 1> 
<H2> 一 </H2> 
<H3> 一 </H3> 


<H4 > 一 く /H4> 
<H5>ー く / 廿 5> 
<H6> 一 </H6> 





HTML を マス ター し よう 

基本 構造 

HTML 要 素 HTML を マス ター し よう 
HEAD 要 素 基本 構造 

BODY 要 素 HTML 要 素 

テキ スト HEAD 要 来 

P 要 朱 BODY 要 素 

H1^-H6 要 素 Me 


P 要 素 





押 s= キ テ 
H1 て H6 要 素 3 
: 
解 その 部 分 が 見 出し (Heading) で ある こと を 示し ます 。1 一 6 の 数 字 は 見 出し の レベ ル を で 
表記 表し て お り 、<H1> が 1 番 上 の レベ ル の 大 見 出し 、<H6> が 1 番 下 の レベ ル の 小見出し 
と いう よう に (6 段階 まで 用 意 さ れ て いま す 。 
一 般 的 な プラ ウザ で は 、 太 字 で 上 の レベ ル の 見 出し ほど 大 き な 文 字 で 表示 され ます 。 与 
見 出し と し て 画像 を 使う 場合 で も 、 こ の タグ で 囲う よう に し て くだ さい 。 そ うす れ を 
ば 、 画 像 を 表示 で き な い 状態 の 時 で も 、IMG 要 素 の al 属性 で 指定 し た 文字 が 見 出し 
と し て 機能 し ます 。 
5 <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 ei 
ン http : / /Www .w3 . org/TR/REC-htm140/1oose .dtd"> 
尺 <HTMT, 1ang="]a"> 
<HEAD> 
<TTTLE> 見 出し サン プル </TTTLE> 
</HEAD> 
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<BODY> 
<H1>HTML を マス ター し よう </ 芋 1> 
<H2> 基 本 構造 </H2> 
<H3>HTML 要素 </H3> 
<H3>HEAD 要 素 </ 芋 3> 
<H3>BODY 要 素 </H3> 
<H2> テ キス ト </H2> 
<H3>P 要 素 </ 古 3> 

<H3 >H1…H6 要 素 </ 古 3> 
< く / BODY> 

</HTML> 











旧 陸 「 ス タイ ル と レイ アウ ト 」 の 「 行 揃え を 指定 する 」:P.70 参 昭 
上 「 画 像 と マル チ メ デ ィ ア 」 の [画像 を 配置 する 」 :P.129 参 昭 
用 陸 「 ス タイ ル シ ー ト 」 の 「 行 揃え を 指定 する 」:P.207 参 昭 


人 Lynx で の 見 出し の 表示 例 


見 出し の レベ ル の 違い (H1 ーH6) は 、 必 ず し も 大 き さ で 表現 され る わけ で は あり ませ 
ん 。 例 えば 、 テ キス トブ ラウ ザ の Lynx で は 、 上 の サン プル を 表示 させ る と 次 の よう に な 
り ま す 。 

見 出し の レベ ル を 大 き さ で は な く 、 表 示 位置 で 示し て いる わけ で す 。 HTML は 表示 方 
法 を 指定 する も の で は あり ませ ん の で 、 ブ ラウ ザ に よっ て は 見 出し を この よう に 表現 し 
た り 、 全 く 別 の 方 法 で 表現 する も の も ある か も し れ ま せん 。 


上 
| 
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読み や すさ を 考え る 


紙 に 書か れ た 文章 と モニ タ に 表示 され る 文章 で は 、 どちら が 読み 
れい で し ょ うか ? ほとん どの 人 は 、 紙 の 方 が 読み や すい と 答え る こ 


う . それ に (は 、 様々 な 理由 が ある と は 思う の で す が 、 ここ で 本 
とう すれ は モー タ で も 球 み やす < くす る こと が で きる か を きえ て | 読み や すさ を 考え る 





た いと 思い ます 。 
本 に 書か れ た に 立 計 と ー タ に 表示 され る 意 で は 、 どちら が 
ま 、 画面 上 に ! 交 間 な く 続く < 長い 文章 は 、 W た だけ で 評 む 気 DA と て 4 信人 は 施 め みや すい 
な ね る も の で す . 環境 に よっ て は 改行 橋 が 本 敵 に 角 く 、 次 の 行 の 先 引 どき る 3 ride 全く 短 え で み 
が 分 か り に < く て 読ん で いら れい 場 合 も あり ます 。 その よう な 写 計 | は と 9 は Es 
で は 、 自 除 の 間 を 1 行 あ ( 00 りこ こ 
だ と 考え られ ます 。 3 は 究 文章 は 、 に だ け で 読む 気 が \ し な く 


人 に くく り ま す 。 その は 


SD る )Pi H は 
だ し 6 要素 の 表現 方法 





解 その 部 分 が 1 つの 段落 (Paragraph) で ある こと を 示し ます 。 日 本 語 の 場合 、 始 め に 1 文 
月 史 字 分 空け る こと に よっ て 段落 を 示す 場合 が 多い の で す が 、 一 般 的 な ブラ ウザ で は 、 
この 要素 の 前 で 改行 し て 、 更 に 1 行 空け た 状態 で 表示 され ます 。 
終了 タグ </P> は 、 次 に 新しい 段落 が 開始 され た り 、 見 出し な どか が 配置 され る こと に 
よっ て それ が 終了 し た こと が 分 か る た め 、 省 略す る こと が 可能 で す 。 し か し 、 そ の 
範囲 を 明確 に 示す た め に も 、 終 了 タ グ は 和 常に 付け る よう に し た 方 が よい で し ょ う 。 


KA <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
M ン "htEp : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> J 
<HTML, ]ang="]a"> 

<HEAD> 

<TTTLE> 段 落 サ ンプ ル </TTTLE> 

</HEAD> 

<BODY> 

<H1> 読 みや すさ を 考え る </H1> 

<P> 

紙 に 書か れ た 文章 と モニ タ に 表示 され る 文章 で は 、( 中 略 ) 考え て みた いと 思い ます 。 

< く /P> 

<BP> 

まず 、 画面 上 に 隙間 な く 続 く 長 い 文章 は 、( 中 略 ) 要素 の 表現 方 法 は 適切 だ と 考え られ ます 。 
< く /P> 

</ BODY> 

< く /HTML> 


IS 
DO に た 5 | 








内 「 ス タイ ル と レイ アウ ト 」 の [「 行 揃え を 指定 する 」:P.70 参 照 
上 l 孤 「 ス タイ ル シ ー ト 」 の 「 行 揃え を 指定 する 」:P.507 参 照 
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の arN 泥 型 3 茶 油 | 


<0> 一 </0> 
<O oite="ORL">ー</0> 
<QO 1ang=" 言 請 コ ー だ ">ー</0> 








_cite 。 引用 先 の URL 


lang 何 語 の 引用 符 を 使用 する か 











1 


ら 
SH 
に 4 


これ ら の 要素 が どの よう ね な 役割 を する も の か を 知っ て いれ ( 


イン デン ト を する 目的 で 引用 を 表す 要素 を 使用 し な いと し 人 
も 理解 で きる は ず だ 。 


これ ら の : 病 の どの よう 人 8 前 を する も の が を 知っ て いす り ま 
イン デン ト きる 上 89 で 8 開 表す 要素 を 使用 し お いと いう こと 
も 理解 で きる は ず だ 。 





その 部 分 が 、 イ ン ラ イン で 使用 する 短い 引用 文 で ある こと を 示し ます 。 

cite 属 性 を 使用 し て 、 引 用 先 の URL を 示す こと も で きま す 。 

この 要素 が サポ ー ト され て いる プラ ウザ で は 、 指 定 し た 範囲 の 前 後に 自動 的 に 引用 
符 が 付け られ ます の で 、 自 分 で は 引用 符 を 付け な いよ うに し て くだ さい 。 引 用 符 は 
言語 に よっ て 異な り ま す 。 日 本 語 の 引用 符 で ある こと を 示す 場合 に は 、「lang="ja" 
と 指定 し て くだ さい 。 英語 の 場合 に は 、 引 用 符 と し て 「"] が 使用 され ます 。 


に に 4 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
"http: / /www .W3 . org/TR/REC-htm140/1oose .dtd"> 

<HTMIT, 1]ang="]a"> 

< く HEAD> 

<TTTLE> 短 い 引 用 サン プル </TTTLE> 

</HEAD> 

< く BODY> 

<P> 

これ ら の 要素 が どの よう な 役割 を する も の か を 知っ て いれ ば 、<Q cite="http : / / 

www . W3 . Or9d/ TR /WAT-WEBCONTENT/" 1ang="a"> イ ン デ ント を する 目的 で 

引用 を 表す 要素 を 使用 し な い </Q> と いう こと も 理解 で きる は ず だ 。 

< く /P> 

</ BODY> 

< く / HTML> 
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EVO04 て 


<BLOCKOUOTE> 一 </BLOCKOUOTE> 
<BLOCKOUOTE Ci1te="ORL">ー</BLOCKOUOT 巨 > 








cite 引用 先 の URL 





例え ば 、 Wd3C の アク セ シ ビ リティ * ガ イド ライ ン 1.0 の 中 に は 、 次 の 
よう な 一 節 が あり ます 。 


仕様 に 従っ た 正しい タグ 付け を 行わ ね いこ と は 、 アク 
セン シ ビ リティ 上 の 妨げ と な り ま す 。 表示 上 の 効果 を 目 
的 に し て 間違っ た タグ 付け を 行う こと は 、 一 般 89 で は 
な い ソ フト ウェ ア を 利用 し て いる ユー ザー に と っ て 、 ベ ペ 
ー ジ の 構成 を 理解 する こと や サイ ト 内 を 見 て まわ る 
こと を 難し くし ます 。 










例え ば 、 6 シビ リティ * ガ イド ライ ン 1.0 の 中 に は 、 次 の 
よう な 一節 が あり ます 。 和 


仕様 に 従っ た 正しい タグ 付け を 行わ な いこ と は 、 アク 
ゼ シ ビリ ティ を 表示 上 の 効果 を 目 
さこ P な 


的 に し て 問 
する こと や サイ 内 を 見 て まわ る こ 


に: ェ ア を 利 用 し て ユー ザー に と っ 


ぼ 匠 べし 





可 罰 sss 
還 wassss 
解 その 部 分 が 、 プ ロッ ク で 使用 する 長い 引用 文 で も る こと を 示し ます 。 文 
月 cite 属 性 を 使用 し て 、 引 用 先 の URL を 示す こと も で きま す 。 表 
- 般 的 な プラ ウザ で は 、 上 下 に 1 行 分 の スペ ー ス が と られ 、 左 右 が イン デン ト さ れ 1@⑥ 
た 状態 で 表示 され ます 。 こ の た め 、 か つて は 左右 の マー ジン を と る 目的 で 利用 され 。 加 
る こと も 多かっ た の で す が 、 現 在 で は スタ イル シー ト で 自由 に マー ジン を 設定 する 和 
こと が で きま す の で 、 そ ちら を 利用 する よう に し まし ょ う 。 与 
え 
9 <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
名 > "ht て tp : / /Www .w3 . org/TR/REC-htm140/1oose .dtEd"> | 
回 <HTMTL 1ang="a"> 
< く HEAD> 
<TTTLE> 長 い 引 用 サン プル </TTTLE> 
</HEAD> 
<BODY> 
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<P> 
例え ば 、 W3C の アク セ シ ピ リティ ガイ ドラ イン 1 . 0 の 中 に は 、 次 の よう な 一 節 が あり ます 。 
</P> 


<BLOCKOUOTEE c1 モ e="hEED : / /www . w3 . or9/TR /WAT-WEBCONTENT/ "> 
<P> 

仕様 に 従っ た 正しい タグ 付け を 行わ な か いこ と は 、 ア クセ シビ ピリ ティ 上 の 妨げ と な り ま す 。 表 
示 上 の 効果 を 目的 と し て 間違っ た タグ 付け を 行う こと は 、 一 般 的 で は な い ソ フト ウェ ア を 
利用 し て いる ユー ザー に と っ て 、 ペ ー ジ の 構成 を 理解 する こと や サイ ト 内 を 見 て まわ る ご こ 
と を 難し くし ます 。 

</P> 

</BLOCKOUOT 互 > 


</ BODY> 
</ HTML> 








上 l「 ス タイ ル シ ー ト 」 の 「 マ ー ジ ン を 設定 する 」:P.205 参 昭 
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引用 文 に 対す る ブラ ウザ の 対応 状況 


この 原稿 の 執筆 時 点 (1999 年 8 月 ) で は 、BLOCKQUOTE 要 素 が ブロ ッ ク と し て 表示 
され 、 左 右 が イン デン ト さ れ て 表示 され る こと を 除け ば 、 ほ と ん どの ブラ ウザ が 引用 を 
表す 要素 に は 対応 し て いな いと 言っ て いい で し ょ う 。W3C の 提供 する Amaya や Lynx な 
どの ブラ ウザ で は 、Q 要 素 の 両端 を 「"] で 囲い ます が 、 そ れ 以 外 の ブラ ウザ で は 何 も 起こ 
り ま せん 。ocite 属 性 で 指定 し た 引用 先 の URL を 利用 で きる の は 、 現在 で は Amaya だ け 
の よう で す 。 


<CTT 下 >ー< く /CTT 互 > 


詳細 は 、. 7 が SO-99997 を 参照 し て くだ さい 、。 


詳細 は 、 7 が SO-99997 を 参照 し て くだ さい 。 





解 引用 する 新聞 や 書籍 な どの タイ トル や 名 前 (出典 ) を 表す 場合 や 、 規格 な どの 参照 先 
衣 記 を 示す 場合 に 使用 し ます 。 一 般 的 な プラ ウザ で は 、 イ タリ ッ ク で 表示 され ます 。 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"http : / /www .W3 .org/TR/REC-htm140/1oose .dtd"> 

<HTMI, ]ang="]a"> 

< く HEAD> 

<TTTLE> 引 用 (参照 ) 先 サ ン ブ ル </TTTLE> 

< く /HEAD> 

<BODY> 

< く P> 

詳細 は 、<C エ TE> [TSO-9999] </CTT 下 > を 参照 し て くだ さい 。 

</P> 

</ BODY> 

</ HTML> 


本 
Ka 
褒 








evdT 洛 導 き 4 耳 只 油 | 
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<EM> 一 </ 巨 M> 
<8TRONG> 一 </ STRONG> 





【 注 意 】 この 原 六 の 有 疫 辱 訪 で は 、 必ず し も 最新 版 の ブラ ウザ 
MR \ る 内 容 を すべ て サポ ー ト し て いる わけ で は 


は 、 必ず し も 最新 版 の ブラ ウザ 


の 71 人 すべ て サポ ー ト し て いる わけ で 
は あり ませ ん 。 





4 その 部 分 が 、 強 調 さ れ て いる こと を 示し ます 。 

月 記 EM 要 素 は 普通 の 強調 を 、STRONG 要 素 は より 強い 強調 で ある こと を 示し ます 。 
一 般 的 な ブラ ウザ で は 、EM 要 素 は イタ リッ ク で 、STRONG 要 素 は 太字 で 表示 され 
ます 。 


ty <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
ウ "htp : / /www .w3 . org/TR/REC-htm140/1oose .dQtd"> 】 
<HTMTL, 1]ang="]a"> 

<HEAD> 

<TTTLE> 強 調 サ ンプ ル </TTTLE> 

< く / HEAD> 

<BODY> 

く P> 

<8TmRONG> [注意 】</ 8TRONG> 

<EM> こ の 原稿 の 執筆 時 点 </ 豆 M> で は 、 必 ず し も 最新 版 の プラ ウザ が 、 こ の 本 で 紹介 し て 
いる 内 容 を すべ て サポ ー ト し て いる わけ で は あり ませ ん 。 』 
< く /P> 

</ BODY> 

</ HTML> 


の aw 本 沈 融 ③ 耳 只 潤 | 
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コン ピュ ー タ 関連 の テキ スト を 表す 


<KBD> て </KBD> + 入 力 文字 
<SAMP>ー</ SAMP> 出力 サン プル 
<CODE> 一 </CODE> ーー ソー スコ ー ド 
<VAR>ー</VAR> ~ 変 数 ・ 引 数 


まず は 、 コマ ンド ライ ン か ら piR と 入力 し て み ま し ょ う 。 も し 、 間違っ て 入力 し た 
場合 に は 、 次 の よう ぉ メッ セー ジ が 表示 され ます 。 


コマ 


ンド また は ファ イル 名 が 違い ます 。 


次 に 示す 例 の よう に 、 通常 ウン タ と な る 変数 に は 、/ が 使用 され ます 。 


fort( 


1 


var | in document) 
document。write(i + “<BR2") 





まず は 、 コマ ンド ライ ン か ら DIR と 入力 し て み ま し ょ う 。 も し 、 間 違っ て 入力 た 
場合 に (は 、 次 の よう な メッ セー ジ が 表示 され ます SR 


コマ ンド また は ファ イル 名 が 違い ます 。 


次 に 示す 例 の よう に 、 通常 ガウ ンタ と な る 変数 に は 、/ が 使用 され ます 。 


for(var i in document) 
document.write(i + "<BD) 





KBD 要 素 は 、 そ の 部 分 が キー ボー ド か ら 入 力 する 文字 で ある こと を 示し ます 。 
SAMP 要 素 は 、 プ ログ ラム な ど に よっ て 出力 され る 内 容 の サン プル を 示す 場合 に 使 
用 し ます 。 

CODE 要 素 は 、 プ ログ ラム な どの ソー スコ ー ド を 示す 場合 に 使用 し ます 。 ソ ー ス コー 
ド 中 の 空白 に よる 字 下 げ が 大 き な 意 味 を 持つ 場合 に は 、 同 時 に PRE 要 素 も 使用 する 
と 便利 で す 。 

VAR 要 素 は 、 変 数 や 引数 を 示す 場合 に 使用 し ます 。 

一 般 的 な プラ ウザ で は 、KBD 要 素 ・SAMP 要 素 ・CODE 要 素 は 等 幅 フ ォ ン ト で 、 
VAR 要 素 は イタ リッ ク で 表示 され ます 。 


の areN 引 ③ く 耳 内 油 旧 
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n <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
錠 "ht て p : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> 4 
<HTMT, 1ang="]a"> 

< く HEAD> 

<TTTLE> コ ンピュータ 関連 の テキ スト サン プル </TTTLE> 

</HEAD> 

<BODY> 


< く P> 

まず は 、 コ マン ドラ イン か ら <KBD>DTR</KBD> と 入力 し て 
み ま し ょ う 。 も し 、 間 違っ て 入力 し た 場合 に は 、 次 の 

よう な メッ セー ジ が 表示 され ます 。 

く /P> 


<P> 
<S8AMP> コ マン ド ま た は ファ イル 名 が 違い ます 。 </ 8AMP> 
</P> 


く P>・・・</P> 


<P> 

次 に 示す 例 の よう に 、 通 常 カ ウン タ と な る 変数 に は 、 
<VAR>1</VAR> が 使用 され ます 。 

</P> 


< く PRE><COD 下 > 
For (Var 1 in document ) 
document .write(1 + "&1t:BRggt:") 
</CODE></ PRE> 
</ BODY> 
</HTML> 








上 l 有 「 ス タイ ル と レイ アウ ト 」 の 「 空 白 や 改行 を 入力 し た 通り に 表示 させ る 」 :P.69 参 昭 
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<DFN>-ー</DFTN> 


定義 語 を 表す 
| 0 





ウェ ブ ・ コ ン テ ン ツ に アク セス し て 、 それ を 利用 する ソフ トウ ェ ア を 広く 
ユー ゲー テー ジテ ン ル と 呼ん で いま す 。 


ウェ ブ ・ コ ン テ ン ツ に アク セス し て 、 それ を 利用 する ソフ トウ ェ ア を 広く 
ユー ザー エー ジェ ント と 呼ん で いま す 。 





その 部 分 が 、 定 義 語 (専門 的 な 用 語 ) で ある こと を 示し ます 。 
一 般 的 な プラ ウザ で は 、 イ タリ ッ ク で 表示 する も の も あり ます が 、 特 に スタ イル が 
変化 し な いも の も あり ます 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / / EN" 
http : / /www .w3 . org/TR/REC-htm140/1oose .dtEd"> 

<HTMT, 1ang="]a"> 

<HEAD> 

<TTTLE> 定 義 語 サ ンプ ル </TTTLE> 

く /HEAD> 

<BODY> 

< く P> 

ウェ ブ ・ コ ン テ ン ツ に アク セス し て 、 ぞ れ を 利用 する ソフ トウ ェ ア を 広く <DFN> ユー ザー 

エー ジェ ント </DFN> と 呼ん で いま す 。 有 

< く P> 

</ BODY> 

</HTML> 
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<ABBR 上 ュ 1 モ 1e=" 又 字 烈 ">ー</ABBR> 
<ACRONYM 上 it1e=" 文字 列 ">ー</ACRONYM> 








title 省略 し て いな い 状 態 の 言葉 (文字 列 ) 


6 
SOHO の 方 で あれ ば 、 TCP/IP で LAN を 組ん で いる 人 も 多い で し ょ う 。 


8 方 で あれ ば 、 TCP/IP で LAN を 組ん で いる 人 も 多い で し ょ う 。 











SOHO の 方 で あれ ば 、 TCP/IP で LAN を 組ん で いる 人 も 多い で し ょ う 。 





その 部 分 が 、 略 語 で ある こと を 示し ます 。 

その 略語 を 1 文字 ずつ 発音 する も の ( 例 : URL し ・HTML・CSS・FBI…) に は ABBR 要 
素 を 、1 つ の 単語 と し て 発音 する も の ( 例 : SCSI・ROM・SOHO・NATO…) に は 
ACRONYM 要素 を 使用 し ます 。 

どちら と も つか な い 場 合 に は 、ABBR 要 素 を 使用 する よう に し て くだ さい 。 
title 属 性 に は 、 省 略し な い 状 態 の 言葉 を 指定 し ます 。 


理 
謀 


KW <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 0 
2 "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 
<HTMT, 1ang="]a"> 
<HEAD> 
<TTTLE> 略 語 ・ 頭 字 語 サ ンプ ル </TTTLE> 
</HEAD> 
< く BODY> 
く P> 
<ACRONYM 上 it1e="Sma]] OFfFice Home OFF1icew>SOHO</ACRONYM> 
の 方 で あれ ば 、<ABBR 上 it1e="TranSmission ConEro] Protoco1 / Tnter 
ne Prooco1 ">TCP/ TP</ABBR> で <ACRONYM 上 it1e="Loca] Area Ne 
twork">LAN</ACRONYM> を 組ん で いる 人 も 多い で し ょ う 。 
< く /P> 
</BODY> 
</HTML> 


の arcN 所 事 き 3 鳴 活 | 
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後 か ら 追 加 し た 部 分 を 示す 


<TNS oite="ORr" datetime=" 追 回 圧 ">ー</TNS> 


cite 追加 し た 理由 が 書か れ て いる 文書 の URL 


datetime 追加 し た 日 時 (IS08601 形 式 ) 














CENTER 要 素 は 、 要素 内 容 を 横 方 (の 中 心 に 配置 させ ます 。 
注意 ) こ の 要素 は 、 HTM_40 で は 廃止 予定 と な り まし た 。 





CENTER 要 素 は 、 要 の 中 心 ( させ ます 。 
の 迷 ( は 3HIW440C( は 上 予 征 と な り まし た 。 





その 部 分 が 、 後 か ら 追加 し た 部 分 で ある こと を 示し ます 。 
訪 W3C の 仕様 の よう に 、 バ パー ジョ ン 管 理 が され て いる 文書 に 利用 する と 便利 で す 。 
プラ ウザ に よっ て 表示 方 法 は 異な り ま す が 、 一 般 的 に は 下線 の 付い た 状態 や イタ リッ 
ク な ど で 表 示さ れ ま す 。 ま た 、 ブ ラウ ザ に よっ て は 、uitle 属 性 で 指定 し た 短い 説明 
を ツー ル チ ッ プ と し て 表示 させ る こと も で きま す 。 


⑳⑨ <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 CO 
ンク "http: / /www .w3 . org/TR/REC-htm140/1oose .Qtd"> 

<HTML, 1ang="]a"> 

< く HEAD> 

<TTTLE> 追 加 部 分 サン プル </TTTLE> 

< く /HEAD> 

<BODY> 

<P> 

CENTER 要 素 は 、 要 素 内 容 を 横 方 向 の 中 心 に 配置 させ ます 。 < エ NS cite="htEp: // 

www .w3 .org/TR/REC-htm140/appendix/changes .htm1" datetime 

="1998-04-19T22:14:00+09:00"> 注 意 ) こ の 要素 は 、HTML4 . 0 で は 廃止 予定 

と な り ま し た 。 

</ エ NS> 

< く /P> 

</ BODY> 

</HTML> 
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cite 


削除 し た 理由 が 書か れ て いる 文書 の URL 





_datetime 削除 し た 日 時 (IS08601 形 式 ) 
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CENTER タ グ を 利用 する と 、 な ん で も 簡単 に セン タリ ング で きる 
の で 大 変 便利 で す 。 





その 部 分 が 、 後 か ら 削除 され た 部 分 で ある こと を 示し ます 。 

W3C の 仕様 の よう に 、 バ ー ジ ョ ン 管 理 が され て いる 文書 に 利用 する と 便利 で す 。 
プラ ウザ に よっ て 表示 方 法 は 異な り ま す が 、 一 般 的 に は 字 消 線 が 付け られ た 状態 で 
表示 され ます 。 ま た 、 プ ラウ ザ に よっ て は 、titlc 属 性 で 指定 し た 短い 説明 キツ ー ル 
チッ プ と し て 表示 させ る こと も で きま す 。 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"ht て Dp : / /www . W3 . org/TR/REC-htm140/1oose . dtd"> 

<HTMT, 1ang="]a"> 

<HEAD> 

<TTTTLE> 削 除 部 分 サン プル </TTTLE> 

</ HEAD> 

< く BODY> 


<P> 

<DET, で 1 モ @="h て D : / /www . 3 . or9/TR/REC-htm140/appendix/chan 
geS .htm1" datetime="1997-12-31T21:30:00+09:00" tit1e=" ス 
タイ ル シ ー ト で する の が 正しい そう で す " >CENTER タ グ を 利用 する と 、 な ん で も 簡単 に 

セン タリ ング で きる の で 大 変 便利 で す 。 

</DE エ > 

</P> 

</BODY> 

</HTML> 








(「) 更新 日 時 の 表し 方 


INS 要 素 と DEL 要 素 で 指定 する 日 時 の フォ ー マ ッ ト は 、 ISO860 1 に 準拠 し た 形式 で 、 
見 た 感じ は ちょ っ と 難し そう で す 。 し か し 、 基 本 的 に は 年 ・ 月 ・ 日 ・ 時 ・ 分 ・ 秒 と タイ 
ム ゾ ー ン を 示す だ け で す の で 、 分 か っ て し まえ ば 決し て 難し いも の で は あり ませ ん 。 

以下 に 示す 書式 で 、 必 要 な 部 分 を 書き 換え れ ば OK で す 。 年 は 4 桁 、 そ の 他 は ら 桁 で 固 
定 さ れ て いま す の で 、 注 意 し て くだ さい 。 


Time の 「T] で 固定 日 本 時 間 の 場合 は この まま 


1999- 09:o0 


EE 詞 
年 


04-19Tm23:14:00+ 
月 日 時 分 秒 
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ルビ を ふる 


<RUBY>ー</RUBY> ー ル ビ の 対象 範囲 


<RT> ー ル ビ ( 点 り が な ) 
<RP> 一 ー ル ビ 未 対応 用 の 区 切り 記号 





おしゃ まん 
長万部 と は 、 北海 道 の 地名 で ある 。 


の avdTN 沈 型 ③ 耳 典 活 l 


長万部 (お し ゃ まん べ ) と は 、 北海 道 の 地 名 で ある 。 





指定 し た 範囲 に こし ビ ( ふ り が な ) を ふり ます 。 

RUBY 要 素 で ルビ を ふる 範囲 を 指定 し て 、 RT(Ruby Texo 要 素 で ん ビ と し て 小さ く 
表示 され る 文字 を 示し ます 。RP 要 素 は 、 こ れ ら の 要素 に 対応 し て いな い ブ ラウ ザ が 、 
ルビ を 普通 の 大 き さ の 文字 で 続け て 表示 し て し まわ な いよ うに 、 ル ビ を 前 う 文 字 ( 通 
常 は 括弧 ) を 指定 し ます 。 

現在 、 一 部 の プラ ウザ で 利用 可能 で す が 、 こ れ ら の 要素 は W3C が HTML の 次 期 バー 
ジョ ン に 含め る た め に 検討 中 の 仕様 案 で あっ て 、 正 式 な も の で は あり ませ ん 。 し た 
が っ て 、 今 後 、 そ の 構造 や 要素 の 名 前 自体 が 変更 され る 可能 性 も あり ます 。 


<HTML。 1ang="]a"> 

<HEAD> 

<TTTLE> ル ビ サ ン プル </TTTTLE> 

</HEAD> 

<BODY> 

く P> 

<RUBY> 長 万 部 <RP> (<RTm〒> お し ゃ まん べ <RP>) </RUBY> と は 、 北 海道 の 地名 で ある 。 
</ P> 

</BODY> 

</HTML> 
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RT 要素 ・RP 要 素 の 終了 タグ 


W3C の 仕様 案 で は 、 ル ビ を ふる 対象 の 言葉 を 示す HB 要素 が あり ます 。 
また 、 こ こ で は HT 要 素 と HP 要素 の 終了 タグ を 省略 し た 形 で 紹介 し て いま す 。 現在 サ 
ポー ト し て いる ブラ ウザ で は 、 終了 タグ を つけ る と 余計 な 空白 が 入れ られ る よう で す 。 


<HTML langs*je"> <HTML lang: ja> 
<HEAD> <HEAD> 
</HEAD> </HEAD> 
<BODY> <BODY や 


</BDY> </BOD 
<7HTML> < 2 





解 HTML で は 、「<| と 「>」 は タグ を 表す た め に 使用 され ます の で 、 そ の まま 書く と そこ 
が タグ の 一 部 だ と 解釈 され て し まい ます 。 

その よう な 特別 な 意味 を 持っ た 文字 を 表示 させ た い 場 合 に は 、「&OO:」 と いう 形式 
を 使用 し ます 。 こ れ ら は 、 必 ず 小 文字 で 書く よう に し て くだ さい 。 

実際 に は 、 こ の 他 に も 様々 な 文字 を 表示 させ る こと が 可能 で す が 、 多 く は 日 本 語 の 
フォ ント で は 文字 化け し て し まい ます 。 


説 


RY <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 2 
"htDp : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> 
回 <HTML, 1ang="]a"> 

< く HEAD> 

<TTTLE> 特 別 な 文字 サン プル </TTTLE> 

</HEAD> 

<BODY> 

<CODE> 

g1t HTML, 1and=&quo 』 agquot 』 を gt : <BR> 

を 1 上 HEAD&ggt : <BR> 

を 1t 』 /HEADggt : <BR> 

を 1t : BODYggt : <BR> 

を 1 上 』 / BODYggt : <BR> 

を 1 』 /HTML&gt 

</CODE> 

</ BODY> 

</ HTML> 


の mr 本 導 く 4 耳 只 注 昌 








上 付 委 IHTML4.0 で 定義 され て いる 特別 な 文字 」 :P.246 参 照 
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<B> 一 < く / 選 > 
< エッ ー</ エ > デイ タリ ッ ク 
< 呈 m>ーー く / 中 定 > て 等 幅 フ ォ ン ト 


<SUP> </ SUP> ー 上 付き 文字 
<SUB>-</ SUB> ー 下 付き 文字 
<U> </ リ > 下線 
<8> 一 </8> で 字 消 線 
<8STRTKE> </STRTKE> 





これ は 太字 (bola) 本 地 (bolg) 

ご に の = れ は プ 2 タン) 

これ は プ タ ッ ク (%ac) これ は 等 幅 人 0 
aa ーー sosd) 
これ は 上 付き Guperaeri 


= ご れ は pmewe pt) 
SH 4 
underlined) 





解 指定 し た 範 陸 の フォ ント スタ イル を 指定 し ます 。 


記 これ ら は 、 文 書 の 構造 的 な 意味 を 持っ て は いま せん が 、HTML で は 該当 する 適切 な 
要素 が な い 場 合 や 、 プ ラウ ザ が 使い た い 要 素 を サポ ー ト し て いな い 場 合 に 、 自 分 な 
り の 構造 的 な 意味 を 持た せ て 補助 的 に 使用 する と 便利 で す ( 特 に 太字 や イタ リッ ク )。 
HTML4.0 で は 、 証 い バ ー ジ ョ ン と の 互換 の 意味 で 、「 字 消 線 ] を 表す 、 ま っ た く 同 
じ 意 味 の 要素 が 2 つ あ り ま す ($ と STRIKE) 。 こ れ ら の 要素 の うち 、 特 に U・S・ 
STRIKE の 各 要 素 は 、 将 来 的 に 廃止 され る こと に な っ て いま す の で 、 代 わり に スタ 
イル シー ト を 利用 する と よい で し ょ う 。 


Ri <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
2 "hEtp: / /www .w3 . org/TR/REC-htm140/1oose.dtd"> 
回 <HTML 1ang="]a"> 
<HEAD> 
<TTTLE> フ ォ ン トス タイ ル サ ン プ ル </TTTLE> 
</HEAD> 
<BODY> 


60 スタ イル と レイ アウ ト 


コー と 

これ は <B> 太 字 (bo1d ) </B><BR> 

これ は < エ > イ タリ ッ ク (ita11c ) </ エ ><BR> 

これ は <mm> 等 幅 フ ォ ン ト (monospaced ) </ 呈 呈 ><BR> 
これ は <8UP> 上 付き 文字 (SuperSC て 1pt ) </ SUP><BR> 
これ は <8UB> 下 付き 文字 (subscCr1p ) </SUB><BR> 
これ は <U> 下線 (under11ned ) </ リ ><BR> 

これ は <8> 字 消 線 (strike-through ) </8><BR> 

これ は <8mRTKE> 字 消 線 ( s ヒ エ 1ke- 上 hrough ) </ STRTKE> 
< く / P> 

</ BODY> 

</ HTML> 











旧 陸 「 ス タイ ル と レイ アウ ト 」 の [フォント の 種類 を 指定 する 」:P.66 参 昭 
旧 腔 「 ス タイ ル シ ー ト 」 の [フォント の スタ イル を 指定 する 」 :P.210 参 照 
l 孤 「 ス タイ ル シ ー ト 」 の [フォン ト の 太 さ を 指定 する 」:P. ら 12 参 昭 
上 際 「 ス タイ ル シ ー ト 」 の [フォン ト の 種類 を 指定 する 」 :P.215 参 昭 


(lf リン ク 部 分 の 下線 を 消し た い 


リン ク 部 分 の 下線 を 消し た い 場 合 な ど 、 ス タイ ル を 指定 し た い 場合 と は 逆 に 、 ス タイ 
ル を な くし た い 場 合 も わる と 思い ます 。 その よう な 場合 に は 、 ス タイ ル シ ー ト を 利用 し 
ます 。 

詳し い 内 容 に つい て は 、「 ス タイ ル シ ー ト 」 の 「 リ ンク 部 分 の スタ イル を 指定 する 」 
(P.228) を 参照 し て いた だ く と し て 、 次 の よう に スタ イル を 指定 する こと で 、 リ ンク 部 
分 の 下線 を 消す こと が で きま す 。 





A:1ink, A:visited, A:aotiyve { ext-qecoration: none } 
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ぶ 慎 器 厨 夢 めい 叶 決 古 着 | 








SiZe 


1-7(1 が 最小 、7 が 最大 。 標 準 は 3) 





フォ ント の 酸 準 サイ ズ は 、 3( こ の サイ ズ ) で す 。 


ント サイ ズ 2 
フォ ント サイ ズ 3 
フォ ント サイ ズ 4 


フォ ント サイ ズ 5 
フォ ント サイ ズ 6 


フォ ント サイ ズ 7 






で ⑰ 


2 
レク 






フォ ント の 標準 サイ ズ は 、 3 この サイ ズ ) で す 。 
フォ ッ オ サイズ! 







フォ ント サイ ズ 5 






フォ ント サイ ズ 6 
フォ ント サイ ズ 7 












指定 し た 範囲 の フォ ント サイ ズ を 指定 し ます 。 

サイ ズ と し て は 1 一 7 の 数 字 を 指定 で きま す が 、 具体 的 な 大 き さ は 決ま よっ て いま せん 
で 、 実際 に 表示 され る 大 き さ は プラ ウザ に よっ て 異な り ま す 。 

この 要素 は 将来 的 に 廃止 され る 予定 と な っ て いま す の で 、 フ ォ ン ト の サイ ズ を 指定 

する 場合 に は 、 ス タイ ル シ ー ト を 利用 し た 方 が よい で し ょ う 。 


< く !DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
" http : / /www .w3 . ord/TR/REC-htm140/1oose .dtd"> | 

<HTMT, ]ang="]a"> 

<HEAD> 

<TTTLE> フ ォ ン ト サ イ ズ サ ンプ ブル </TTTLE> 

< く /HEAD> 

< く BODY> 

< く P> 

フォ ント の 標準 サイ ズ は 、3 (この サイ ズ ) で す 。<BR> 

<FONT size="1"> フ ォ ン ト サ イ ズ 1</FONT><BR> 

<FONT gitze="2"> フ ォ ン ト サ イ ズ 2</ 豆 ONT><BR> 

<FONT size="3"> フ ォ ン ト サ イ ズ 3</『ONT><BR> 

<FONT gize="4"> フ ォ ン ト サ イ ズ 4</FONT><BR> 

<FONT size="5m> フ ォ ン ト サ イ ズ 5</ 下 ONT><BR> 

<FONT size="6"> フ ォ ン ト サ イ ズ 6</FONT><BR> 

<FONT size="7m> フ ォ ン ト サ イ ズ 7</FONT> 

</P> 

</ BODY> 

</HTML> 








旧 孤 「 ス タイ ル シ ー ト 」 の 「 フ ォ ン ト サ イ ズ を 指定 する 」:P213 参 照 
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フォ ント の 基本 サイ スズ を 指定 する 


<BASEFONT size=" サ イプ ズ "> 











Size 17(1 が 最小 、7 が 最大 。 標 準 は 3) 








まお ちゃ ん と お と も だ ち 


まお ちゃ ん は 、 げ ん き な お ん な の こ で す 
時 032 

いて きま し た 。 その いぬ は 、 し ろく て [ーー 2 ー 
と て も や さ し い か お を し て いま す 。 まお ちゃ ん と お と も だ ち 


まお ちゃ ん は 、 げ ん き な お ん な の こ で す 。 
ある あさ 、 お うち を で る と 、 お お き な い ぬ が 





ある いて きま し た 。 その いぬ は 、 し ろく て 、 
と て も や さ し い か お を し て いま す 。 


解 この 指定 以降 の フォ ント の 基本 サイ ズ を 設定 し ます 。 た だ し 、 見 出し の 大 き さ に は 
月 記 影響 し ませ ん 。 
サイ ズ と し て は 1 一 7 の 数 字 を 指定 で きま す が 、 具 体 的 な 大 き さ は 決ま っ て いま せん 
の で 、 実 際 に 表示 され る 大 き さ は プラ ウザ に よっ て 異な は り ま す 。 
この 要素 は 将来 的 に 廃止 され る 予定 と な っ て いま す の で 、 フ ォ ン ト の サイ ズ に 関す 


る 指定 を する 場合 に は 、 ス タイ ル シ ー ト を 利用 し た 方 が よい で し ょ う 。 
R <!DOCTYPE HTMI, PUBLTC "-//W3C//DTD HTML 4.0 PT 
2 "http : / /Www .W3 . ord/TR/REC-htm140/1oose .dtd"> 
中 <HTMTL 1ang="]a"> 
<HEAD> 
<TTTLE> フ ォ ン ト の 基本 サイ ズ サ ンプ ル </TTTLE> 
</HEAD> 
<BODY> 


の ト 呈 同 臣 の ct 涯 石 着 誠 | 


<BASEFONT size="5 リ "> 

<H1> ま お ちゃ ん と お と も だ ち </H1> 

< く P> 

まお ちゃ ん は 、 げん き な お ん な の こ で す 。 あ る あさ 、 お うち を で る と 、 お お き な い ぬ が ある 
いて きま し た 。 そ の い 下 は 、 し ろく て 、 と て も や さ し い か お を し て いま す 。 

く /P> 

</BODY> 

</HTML> 








旧 了 「 ス タイ ル シ ー ト 」 の 「 フ ォ ン ト サ イズ を 指定 する 」:P.213 参 照 
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<FONT Size= 


<BTG> </BTG> 


<SMATLT> 一 </ SMATL> 
<FONT 81ze="+ ォ ロリ >ー</FONT> 
す ー ロ リッ >ー< く /FONT> 


~ 大 きく 
て 小さ く 
て nm 段階 大 きく 
~n 段 階 小 さく 








n 現在 の サイ ズ を 基準 と し て 土 の 結果 が 1 7 の 範囲 と な る 数 字 














タッ ト サ イズ 


フォ ント サイ ズ +1 


の 中古 夢 の 計 古 引 | 


これ は SMALL 要素 で 。 の 聞 ます 。 
これ (は 標準 サイ ズ の 


これ は BI 要素 で 大 きく し て し \ ま す 。 


標準 サイ ズ (ウォ ント サイ ズ 3) 


フォ ント サイ ズ +2 
フォ ント サイ ズ +3 


フォ ント サイ ズ + 


これ は SMALL 要素 で 。 いき くし て いま す 。 
これ ( は 標準 サイ ス の 字 で す 。 


志 これ は BI 要 来 で 大 きく し て し \ ま す 。 
フォ サイス 


標準 サイ ズ (フォ ント サイ ズ 3) 
フォ ント サイ ズ +1 


フォ ント サイ ズ +2 
フォ ント サイ ズ +3 


フォ ント サイ ズ +4 





解 BIG 要 素 は 標準 の フォ ント サイ ズ よ り も 大 きく 、SMALL 要 素 は 標準 の フォ ント サイ 
月 呈 ズ よ り も 小さ く 表 示し ます 。 
サイ ズ を 細か く 指 定 す る こと は で きま せん 。FONT 要 素 を 使用 する と 、 現在 の サイ 
ズ に 対し て 何 段 階 大 きく 、 ま た は 小さ くす る か を 指定 する こと が で きま す 。 size 属 性 
に 土 を つけ た 数 字 で 指定 し て くだ さい 。 た だ し 、 フ ォ ン ト サ イ ズ は 全部 で 7 段階 に 
な っ て いま す の で 、 土 し た 結果 が 1 一 7 の 範囲 の 数 字 に な る よう に し て くだ さい 。 
FONT 要素 は 将来 的 に 廃止 され る 予定 と な っ て いま す 。 フ ォ ン ト の サイ ズ に 関す る 
指定 を する 場合 に は 、 ス タイ ル シ ー ト を 利用 し た 方 が よい で し ょ う 。 
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は < く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTMTL 4.0 Transitiona1 / /EN" 
http : / /Www .W3 . ord/TR/REC-htm140/1oose .dEd"> 
<HTML。 ]ang="]a"> 

< く HEAD> 

<TTTLE> フ ォ ン ト を 大 きく 小さ く サ ンプ ル </TTTLE> 

</HEAD> 

<BODY> 





< く P> 

<SMALL> こ れ は SMALL 要 素 で 小さ くし て いま す 。 </ 8MALL> <BR> 
これ は 標準 サイ ズ の 文字 で す 。<BR> 

<BTG> これ は BTG 有 要素 で 大 きく し て いま す 。 </BTG> 

く /P> 


< く P> 

<FONT size="-2"> フ ォ ン ト サ イ ズ -2</jFONT><BR> 
<FONT gize="-1 ツ > フォント サイ ズ -1</FONT><BR> 
標準 サイ ズ (フォン ト サ イ ズ 3) <BR> 

<FONT size="+1m> フ ォ ン ト サ イ ズ +1</FONT><BR> 
<FONT gize="+2"> フ ォ ン ト サ イ ズ +2</FONT><BR> 
<FONT gize="+3"> フ ォ ン ト サ イ ズ +3</FONT><BR> 
<FONT size="+4m> フ ォ ン ト サ イ ズ +4</FONT> 
</P> 


</ BODY> 
</ HTML> 








上 「 ス タイ ル シ ー ト 」 の 「 フ ォ ント サイ ズ を 指定 する 」:P. ら 1 参照 
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ここ は ゴシック 体 で 、 こ こ は 
明 朝 体 に し て み ま す 。 













ここ は ゴシック 体 で 、 こ こ は 
明 朝 体 に し て み ま す 。 





ここ は ゴシック 体 で 、 こ こ は 


明 朝 体 に し て み ま す 。 


Na 


> 
Na 


・nwemo_araw 
に 3 





ここ は ゴシック 体 で 、 こ こ は 


明 朝 体 に し て み ま す 。 





指定 し た 範 胃 の テキ スト を 表示 する フォ ント の 種類 を 指定 し ます 。 

フォ ント 名 は 1 つ で も 指定 で きま す が 、 カ ンマ で 区 切っ て 複数 指定 する こと が で き 
ます 。 そ の 場合 は 、 よ り 先 ( 左 ) に 指定 され て いる フォ ント で 、 ユ ー ザ ー の 環境 で 表 
示 可 能 な も の が 採用 され ます 。 当 然 の こと で す が 、 フ ォ ン ト 名 は 間違っ て いる と ( 全 
角 と 半角 の 違い な ど ) 正 し く 表 示さ れ ま せん の で 注意 し て くだ さい 。 

た だ し 、 こ の 要素 は 将来 的 に 廃止 され る 予定 と な っ て いま す 。 フ ォ ン ト の 種類 を 指 
定 する 場合 に は 、 ス タイ ル シ ー ト を 利用 し た 方 が よい で し ょ う 。 


< く !DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTMTL, 4.0 Transitiona1 / /EN" 
"hb : / /www . W3 . or9/TR/REC-htm140/1oose .Qtd"> 有 

<HTML, ]ang="]a"> 

<HEAD> 

<TTTLE> フ ォ ン ト の 種類 サン プル </TTTLE> 

く / HEAD> 

<BODY> 

く P> 

<FONT Face="MS P ゴ シッ ク , 中 ゴシック BBB,Osaka" size="6"> こ こ は 

ゴシック 体 で 、</ 末 ONT><FONT Face="MS P 明 朝 , リ ュ ウ ミン ライ トーKL , 細 明 

朝 体 " size="6"> こ こ は 明 朝 体 に し て み ま す 。</FONT> 

</ P> 

</ BODY> 

</HTML> 








旧法 「 ス タイ ル シ ー ト 」 の 「 フ ォ ント の 種類 を 指定 する 」:P'215 参 照 
川 M き 未 付録 [フォ ント 表示 見 本 巻末 参 照 
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<FONT co1or=" 到 ">ー</FONT> 


画 文字 色 


の 自 計 で ます し か し 、 その よう な 
目的 に ( を 利用 し た 方 が よい で し ょ う 。 












古 文字 色 


前 ン 2 ト の 時 ます 。 し か し 、 その よう な 


目的 に は ティル 用 し た 方 が よい で し ょ う 。 





解 指定 し た 範囲 の テキ スト の 色 を 指定 し ます 。 
且 】 ペー ジ 全 体 を 通し て の 文字 色 や リン ク 部 分 に 関す る 色 は 、BODY 要 素 の 属性 で 指定 
する こと が で きま す 。 
し か し 、 属 性 に よっ て 文字 色 を 指定 する 方 法 は 、 将 来 的 に 廃止 され る 予定 と な っ て 
いま す の で 、 か わり に スタ イル シー ト を 利用 する よう に し て くだ さい 。 


の @ < く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
ン "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 

<HTML, ]ang="]a"> 

< く HEAD> 

<TTTLE> フ ォ ン トカ ラー</TTTLE> 

</HEAD> 

< く BODY> 

<H1 > 

<FONT CO1Or="#99CC00"> 圏 </FONT> 

文 <“TONT co1or="#666666"> 字 </『ONT> 色 

< く /H1> 

<P> 

FONT 要素 で テキ スト の 色 を 変更 で きま す 。 し か し 、 そ の よう な 目的 に は <『ONT oo1or 

="#FF0033"> ス タイ ル シ ー ト </*『ONT> を 利用 し た 方 が よい で し ょ う 。 』 

< く /P> 

< く /BODY> 

</HTML> 


ぶ 同 避 の < ト 編 古着 店 








具 「HTML に つい て 」 の 「 色 の 指定 方 法 」 :P.25 参 照 
上 遥 「 ペ ー ジ の 量 礎 と な る 内 容 」 の 「 基 本 と な る 文字 色 を 設定 する 」:P.32 参 昭 
上 | 「 ス タイ ル シ ー ト 」 の 「 文 字 色 を 指定 する 」:P.195 参 昭 
上 孤 きき 示 付録 [カラ ー チ ャ ー ト 1 3]: 巻 末 参 照 
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HTM_ を 書く こと は 、 簡単 な よう で 難し い 。 

HTML_ の 正式 な 仕様 を 覚え る こと は 、 ブロ グラ ミン グ 言 語 を 
覚え る より も 遥か に 交 単 お こと だ 。 し か し 、 いざ 実際 に 書き 
始め て みる と 、 仕様 と 実装 の あま り の 違い に …・ 


の を え る と (は ブ プロ グラ ング 
り も 刀 か に 蘭 単 な こと だ 。 し か し 、 い ざさ 
拓 め て みる の 仕様 和 襲 の あ まり の 連 い に ・ 





解 この 要素 を 入れ る と 、 テ キス ト が そこ で 改行 され ます 。 
朋 訳 HTML の ソー ス の 中 で 改行 し て も プラ ウザ で 表示 する 場合 に は 反映 され ませ ん の で 、 
改行 し て 表示 させ た い 場 合 に は この 要素 を 使用 し ます 。 
た だ し 、 ユ ー ザ ー が 必ず し も 制作 者 と 同じ サイ ズ の フォ ント で 見 て いる と は 限り ま 
せん の で 、 整 形 や レイ アウ ト を 目的 と し て 改行 する 場合 に は 注意 が 必要 で す 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
に "http: //www.w3 .org/TR/REC-htm140/1oose.dtd"> | 

<HTMTL, ]ang="]a"> 

<HEAD> 

<TTTLE> 改 行 サ ンプ ル </TTTLE> 

</HEAD> 

<BODY> 

く P> 

HTML を 書く こと は 、 簡 単 な お よう で 難し い 。 <BR> 
TYOHHYDTS 計 


の 本 滞 夢 の め 中 決 古 引 誠 | 
較 


こと だ 。 し か し 、 い ざ 実 際 に 書き 始め て みる と 、 仕 様 と 実装 の あま り の 違い に ・・・ 
く /P> 

</BODY> 

< く / HTML> 
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< く PREE>-ー く / PRE> 













function resetRadio() 1 

for(var 1 = 0: 1 < document.forml.type.lengthi は +) 【 

1f(docuwent.forwi.type[i].defsultChecked == true) 
document.forml.type[i].checked = true 







lse 
document.form1.type[i].checked = fal 








function resetRadio() 〔 
for(var i = 0: i く dooument.forml .type.lengthi ad ! 
f doument: foml.type[i]。 faultDhedked = 
」 dooument.fom type[i].checked = true 
eISE 


document forml .type[i].checked = false 


指定 し た 範囲 の テキ スト を 、 入 力 し た 通り に 等 幅 フ ォ ン ト で 表示 し ます 。 
月 別 具体 的 に は 、 ス ペー ス と 改行 が 入力 し た まま の 状態 で 表示 され 、1 行 の 長 さ が ウイ 
ンド ウ の 幅 よ り 長 く な っ て も 、 自 動 的 に 改行 され な く な り ま す 。 主 に ソー スコ ー ド 
な ど を 表示 させ た い 場 合 に 使用 し ます が 、 タ プ は 使わ な いよ うに し て くだ さい 。 


る <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 0 
2 "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 
回 <HTML, 1ang="]a"> 5 菩 
<HEAD> 1 本 昌 Rs 
<TTTLE> 空 白 や 改行 を 入力 し た 通り に 表示 させ る サン ブル </TTTLE> 表 
</HEAD> 公 
<BODY> 関 
<PRE> <CODE> す 
function resetRadio() { る 
for(var 1 = 0: 1 < document .fForm1 .type.1ength: 1++) { 
if (document . Eorm1 .type [1] .deFau1tChecked == true) を 
document . Form1 .type [1] .checjked = true 
e1se 
document . form1 .type [1] .checked = fa]se 
} 
} 
< く /CODE></ PR 到 > 
</ BODY> 
</ HTML> 








上 孤 「 テ キス ト 」 の 「 コ ンピュータ 関連 の テキ スト を 表す 」:P.5 1 参照 
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ルル 


<P a1ign=" 行 交 え 位置 ">ー</p> 
<Hn a11gn=" 行基 え 位 諸 ">ー</Hn> 
<DTV a1ign=" 行間 え 位置 ">ー</DTV> 








行 揃え 位置 left・right・center 
※Hn は 「 見 出し を 表す 要素 ] の H1 ーH6 を 表し て いま す 。 


EE 
夜明け の 行 摘 え 


実 を いう と 、 行 拉 え に は 「lsft, right, centerl の ほか に 「justiy」 と 
いう も の が ある 。 いわゆる 「 両 端 揃 え 」 の こと で ある 。 し か し 、 
色々 試し て は みた の だ が 、 こ れ が 実際 に は ・…・ 
【 文 : 岡 蔵 位 一 】 
- ご 感想 を お よせ くだ さい - 


(C) Copyright 1999 OKARYUInc. All Rights Reserved 





夜明け の 行 揃え 


HE 
区: 岡 蔵 謙一 】 
- ご 感想 を お よせ くだ さい - 
(C) Copyright 1999 OKARYUInc. All Rights Reserved. 


の ty 同 獣 の ct 洗 石 着 湊 上 





解 要素 を 利用 する 場合 は 段落 の 行 揃え を 、H1 一 H6 要 素 を 利用 する 場合 は 見 出し の 行 
委 記 揃え を 、DIV 要 素 を 利用 する 場合 は 指定 し た プロ ッ ク の 範囲 の 行 揃え を それ ぞ れ 指 
定 で きま す 。 
行 揃え 位置 と し て 指定 する |left・right・centerl は 、 そ れ ぞ れ 「 左 揃え ・ 右 揃え ・ 中 
央 揃え ] を 表し て いま す 。 
た だ し 、align 属 性 は 将来 的 に 廃止 され る 予定 と な っ て いま す の で 、 行 揃え の 指定 を 
する 場合 に は 、 ス タイ ル シ ー ト を 利用 し た 方 が よい で し ょ う 。 
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<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"hp : / /www .w3 . org/TR/REC-htm140/1oose . dtd"> 

<HTMT, 1ang="]a"> 

< く HEAD> 

<TTTLE> 行 揃え サン プル </TTTLE> 

</HEAD> 

< く BODY> 


<H] a1ign="center『> 夜 明け の 行 揃え </H1 > 


く P> 

実 を いう と 、 行 揃え に は 「1eEt, right, center」 の ほか に 
「justify」 と いう も の が ある 。 い わ ゆ る 「 両 端 揃 え 」 の こと 

で ある 。 し か が し 、 色々 試し て は みた の だ が 、 こ れ が 実際 に は ・・- 
</P> 


<P a1ign="right">【 文 : 岡 蔵 龍一 】 </B> 


<DTV a1ign="Center"> 

<P>- ご 感想 を お よせ くだ さい -</P> 

<P> (C) Copyright 1999 OKARYU, Tnc. A11] Rights Reserved .</P> 
</DTV> 


</ BODY> 
</ HTML> 








上 「 テ キス ト 」 の [見 出し を 表す 」:P.43 参 照 

旧 「 テ キス ト 」 の [段落 を 表す 」:P.45 参 照 

旧 了 「 ス タイ ル と レイ アウ ト 」 の 「 セ ンタ リン グ す る 」:P.78 参 照 

旧 了 「 ス タイ ル シ ー ト 」 の [任意 の 範囲 に スタ イル を 適用 させ る た め の タ グ ]」:P.194 参 照 
旧 陸 「 ス タイ ル シ ー ト 」 の 「 行 揃え を 指定 する 」:P.207 参 照 
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1 


の sty 僅 層 の 中 活 古 引 湊 | 
に 





セン タリ ング 


) 
の < 


要素 名 説明 
CENTER 中 央 揃え 









テキ スト は も ちろ ん 、 画像 も テー ブル も OKI 





ンタ リン ダグ 


和洋 > 


要素 名 説明 
CENTER 中 央 揃え | 
デキ スト は も ちろ ん 、 画像 も テー ブル も OKI 





指定 し た プロ ッ ク の 範囲 の 行 揃 え を 「 中 央 揃え ] に 設定 し ます 。 

DIV 要 素 の align 属 性 に 「center] を 指定 し た 場合 と まっ た く 同 じ 働き を し ます 。 

た だ し 、 こ の 要素 は 将来 的 に 廃止 され る 予定 と な っ て いま す の で 、 ス タイ ル シ ー ト 
を 利用 し た 方 が よい で し ょ う 。 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"ht て p : / /www .w3 . ord/TR/REC-htm140/1oose .dtd"> | 

<HTML, 1ang="]a"> 

< く HEAD> 

<TTTLE> セ ンタ リン グ サ ンプ ブル </TTTLE> 

</ HEAD> 

<BODY> 
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<CENTER> 
<H1> セ ンタ リン グ </H1> 


<TMG sro="samp1e.g1F" width="144" height="80" a1 上 = リリ > 
<TABLE border="1"> 

< く TR> 

<TH> 要 素 名 </ TH> 

<TH> 説 明 </TH> 

</TR> 

< く TR> 

<TD>CENTER</TD> 

<TD> 中 央 揃え </TD> 

< く /TR> 

</TABLE> 

<P> テ キス ト は も ちろ ん 、 画像 も テー ブル も OK ! </ P> 
</CENTER> 

</BODY> 

</HTML> 











上 l 陸 「 ス タイ ル と レイ アウ ト 」 の 「 行 揃え を 指定 する 」:P.70 参 照 
凡 孤 「 ス タイ ル シ ー ト 」 の 「 行 揃え を 指定 する 」:P.207 参 照 
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0: あき ( 


<HR> 
<HR size=" 大 さ " width=" 長 さ " a1ign=" 行 交 え 位置 " noshade> 








size 暑 線 の 太 さ (ピク セル ) 
width 破線 の 長 さ ( ピ ビク セル ま た は %) 
align _ 行 揃え 位置 (left, right, center) 


noshade 時 線 を 平面 的 に 表示 








の 呈 厨 層 の 中 湯 古 引 湊 | 


この 要素 を 入れ る と 、 そ こ に 横 野 線 が 引か れ ま す 。 

一 般 的 な プラ ウザ で は 、 引 っ 込ん だ 感じ で 立体 的 に 表示 され ます が 、noshadc 属 性 を 
指定 する と 単純 な 塗り つぶ し の 線 に する こと が で きま す 。size 属 性 は 線 の 太 さ を 、 
wid 属 性 は 線 の 長 さ を ピク セル 単位 で 設定 し ます 。width 属 性 は 、 値 の 単位 と し て 
「%」 を つけ る こと で 、 ウ イン ドウ の 幅 に 対す る 割合 で 長 さ を 設定 する こと も で きま 
す 。 align 届 性 は 、 野 線 の 行 揃え を 設定 し ます が 、 何 も 指定 し な い 場 合 は [center | に 
な り ま す 。 こ れ ら の 属性 は 、 必 ず し も すべ て を 指定 する 必要 は あり ませ ん の で 、 必 
要 な も の だ け を 記述 する よう に し て くだ さい 。 

また 、 こ れ ら の 属性 は すべ て 、 将 来 的 に 廃止 され る こと に な っ て いま す 。 
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"http : / /Www . w3 . org/TR/REC-htm140/1oose .Qtd"> 
<HTML, 1ang="]a"> 
< く HEAD> 
<TTTLE> 横 緒 線 サン ブル </TTTLE> 
</HEAD> 
<BODY bgco]1or="#98FB98"> 


<!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 2 


<H1> 横 技 線 の バリ エー ショ ン </H1> 


<HR> 

<HR size="10"> 

<BR> 

<HR size="5" width="40"> 

<HR gize="20" width="20"> 

<HR size="5" width="50 も "> 

<HR size="5" width="50 も m a1ign="1eFtEm> 
<HR size="5" width="50 も " a1ign=" エ 1ghtEW> 
< く BR> 

<HR noshade> 

<HR noghade size="10m> 


</BODY> 
< く / HTML> 
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76 





<A href=m リ ング ク 先 OR ア ">ー</A> 





リル アシ ん ル 】 








詳解 7 チ 0% 2sca 訪 geS7jee/ 辞典 
詳解 49c7D/ き 万 27 放 爵 衣 本 尋 





リン ク 


| トッ プ 1 目次 | 前 ペー ジ | 次 





話 解 /77740 2sczd 罰 gpS7ye 7jee/ 辞典 
詳解 Zr25c7D/ 万 2 万 誠 辞典 


| トッ プ | 目次 | 前 





指定 し た 範囲 を 他 の ペー ジ に リン ク す る よう に し ます 。 

リン ク さ せる 部 分 の 言葉 に は 、「 こ こ を クリ ッ ク 」 な ど と いう 言葉 を 使用 せ ず に 、 リ 
ンク 先 を 連想 させ る よう な 意味 の ある 具体 的 な 言葉 を 使用 し た 方 が よい で し ょ う 。 
また 、 リ ンク する 言葉 が 連続 し て いる 場合 に は 、 そ の 間 に リ ンク し て いな い 文 字 を 
入れ る な ど し て 明確 に 区 切る よう に し て くだ さい 。 

この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 「 ア クセ シビ リティ 」 の 「 タ プ で 移動 する 順序 を 指定 する ](P.240)・「 シ ョ ー ト 
カッ トキ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


<!DOCTYPE HTMIL, PUBLTC "-//W3C/ /DTD HTML, 4.0 Transitiona] / /EN" 
"ht て p : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> 朋 

<HTMT, ]ang="]a"> 

< く HEAD> 

<TTTLE> リ ンク サン プル </TTTLE> 

< く /HEAD> 

< く BODY> 


<P a1]11gn="ocenter"> 
<A hreF="books .htm1W> 
< く TMG src="banner.91F" width="468" height="60" 
a1 モ =" 関連 書籍 紹介 " border=" 0 "></A> | 
< く BR> 
| <A hreE="index .htm1"> ト ッ プ </A> 
| <A href="contents .htm1 "> 目次 </A> 
| <A hreE="seotion1 "> 前 ペー ジ </ ふ > 
| <A hreE="sect1ion3"> 次 ペー ジ </A> 
| 
< く / P> 
</ BODY> 
</HTML> 











旧 具 「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 基 本 と な る 文字 色 を 設定 する 」 :P.32 参 照 
旧 具 「 画 像 と マル チ メ デ ィ ア 」 の [画像 の 枠 線 を 設定 する 」:P.124 参 昭 

旧 具 「 ス タイ ル シ ー ト 」 の 「 リ ンク 部 分 の スタ イル を 指定 する 」 :P.28 参 照 
旧 除 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 照 
用 有 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.24 1 参照 


新しい ウイ ンド ウ を 開く こと は 便利 な こと ? 


普通 に リン ク さ れ て いる の で あれ ば 、 リ ンク 先 を 同じ ウイ ンド ウ に 開く こと も 、 新 し 
い ウ イン ドウ に 開く こと も で きま す (Windows の 場合 は 右 ク リッ ク 、Macintosh の 場合 
は プレ ス し て 表示 され る メニ ュー で 選択 で きる )。 つ まり 、 ユ ー ザ ー が 、 そ の 時 の 状況 に 
応じ て 選択 で きる の で す 。 

し か し 、target 属 性 で 新しい ウイ ンド ウ に 表示 する よう に 設定 され た リン ク は 、 現 在 
の と ころ 、 同 じ ウ イン ドウ に 表示 させ る こと は で きま せん 。 ユ ー ザ ー の 意思 と は 無関係 
に 、 常に 新しい ウイ ンド ウ に 表示 され て し まい ます 。 

ユー ザー の 中 に は 、 メ モリ が 少な く て 多く の ウイ ンド ウ を 開け な い 状 況 の 人 や 、 新 し 
い ウ イン ドウ が 開か れ た こと を 目 で 確認 で き な い ユー ザー も いま す 。 その よう な 意味 で 、 
アク セ シ ビ リティ の ガイ ドラ イン で は 、「 あ ら か じ め ユ ー ザ ー に 知ら せる こと な し に 、 新 
し い ウ イン ドウ を 開か な いよ うに する 」 こ と が 推奨 され て いま す 。 


ss 旧 





ーーー 
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<A name=" 議 言 名 ">ー</A> 
<A href="## 位 軒 名 ">ー</A> 








1. は じ め に 
【 目 次 | 次 の 項目 】 


Web ペ ー ジ デザ イン に 間 連 する アク ビシ ピリ ティ に つい て よ < 知ら な い 方 
(は . 多く の ユー ザー が あな た と は 非常 に 異な っ た 状況 の 下 で 携 作 し て いる 
可能 性 が ある と いう こと を 考え て みて くだ さい 。 


・ ある ユー ザー は 、 「 見 る こと が で き な い 」「 聞 < こと が で き な い 」「 動 < こ 
と が で き な い 」 ま た は 「 あ る 種類 の 情報 を 間 単 に に ある い は まっ た く 
処理 で き な い 」 か も し れ ま せん 。 

・ あ る ユー ザー は 、 「 キ ー ボ ー| 人 (は 「 キ ー ボ ー ド 
や マウ ス を 使う こと が で き な い 」 か も し れ ま せ 」 

・ あ る ユー ザー は 、 テキ スト し か 表示 で きい 人 Teo 
使用 」「 イ ンタ ーネット に 価 連 で し か 接続 で き な い 環境 」 で 失 作 し て し 
る か も し れ ま せん 。 

・ あ る ユー ザー は 、 「 見 た り 聞 いた り で き な い 状況 」 ま た は 「 手 が 使え 
な い 状 況 」 に ある か も し れ ま せん ( 車 を 運転 し て いる 場合 や 、 双 が し 
い 環 境 ぉ どの 場合 )、 

・ あ る ユー ザー( は 、「 古 い バ ー ジ ョ ン の ブラ ウザ 」「 ま っ た < く 異な る 種類 
の ブラ ウザ 」「 音 声 出力 の ブラ ウザ 」「 異 な る 0S」 な ど を 使用 し て い 
る か も し れ ま せん 。 


の 








【 硬 の 項目 | 目 欠 | 次 の 項目 






ー リ ンク 先 の 指定 
ー リ ンク 元 の 指定 





アク セ シ ブ ル な ウェ ブ デ ザイ ン 






を 提供 する 





1. は じ め に 
【 目 欠 | の 目 】 














ける アク セン ピリ ティ に つい て よく 057 
ーー が 0 (2 っ た ので WLC も 


wa うた と を 考え て 。 


る ユー ザー け は 、「 見 る こと が で き 7a [本 < こと が で き な L リ 「 動 こ 
6 (は 「 あ る 半生 に あるいは まく 


3 い 」 
1 氏 RG ー ド や 
チキ ス でき を 
Me ーネット に 価 連 で し が 人 ま 


「 マウ 2 を 
PT 
し 


ロー ザー 8 バー ジョ ン の プラ ウザ 」「 ま っ た く 
攻 ン の) 力 の ブラ ウザ 」「 異 な る OS」 な ね ど を 
2. 同等 の 意味 を 持つ 代わ り の テキ スト を 提供 
する 
映 ッ ト が な て ( こと が で き な い 
か 人 2 E と 3 
いい 


な 0 
は 目次 に リン 了 E 7 3 
だ NH 生 は 月 次 へ の た 3 に 
















【 且 の 項目 | 目次 | 交 の 項目 】 








目次 の [同等 の 意味 を 持つ か わり の テキ スト を 提供 
する 」 を クリ ッ ク す る と 、<A name="epuiV'> と 指 
定 さ れ て いる 部 分 に ヴ ャ ンプ し ます 。 








2. 同 
する 
で な の 項目 D 
人 人 2 ッ ト が : 
れ ば そ 
位 シ 5 0 ま すこ 2 
店 人 上 ば 、 人 Ke TH の 
り 


告 2 2 





【 箇 の 中 | 目 天 | 次 の 天目 】 
画像 や 映像 音 、 アプレット な ど に 関し て 直 擬 利用 する こと が で き な い 人 


NH 


も し いま す が 、 それ ら に 対し て 同等 の 意味 を 持つ 情報 含ま れ て いれ ば 、 そ 

の ペー ジ を 利用 する こと が 可能 に な り ます 。 この 場合 、 同等 の 意味 を 持つ 
情報 は 、 見 る た め の 内 容 や 聞く た め の 内 容 と 同じ 効果 を 持っ て いな けれ 
(ば な り ま せん , し た が っ て 、 例え ば 、 目次 に リン クレ て いる 「 上 向き の 矢 Eh 
の 画像 」 に 対す る 同等 の 意味 を 持つ テキ スト の 場合 は 、 「 目 次 へ 」 の よう に 
な り ま す 。 場合 に よっ て (は 、 同等 の 意味 を 持つ 代わ り の も の は 、 見 る た め 
の 内 容 そ の まま の 姿 や 聞く た め の 内 容 の 音 そ の も の を 表現 すべ き 時 も あ 
り ます 。( 例 : 被 雑 な 図 、 広告 、 図形 や 教育 の た め に 利用 され る 音声 の サ 


ン ブ ル な ど )〉 4 色 に 飲 左 ! な い 


リン ク 


1 つの ペー ジ が と て も 長い 場合 な ど に 、 同 じ ペ ー ジ 内 の 特定 の 位置 に 名 前 を 付け て 
お いて 、 そ こ に リン ク ( ジ ャ ンプ ) す る こと が で きま す 。 

リン ク の 対象 と な る 位置 に 名 前 を 付け る に は 、name 必 性 を 使用 し ます 。 そ し て 、 そ 
こ ヘ リン ク す る た め に は 、href 嘱 性 で リン ク 先 の 名 前 の 前 に 「 講 記号 を 付け て 指定 し 
まお ら 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"htDp : / /www .W3 . ord/TR/REC-htm140/1oose .dtd"> 

<HTMT, ]ang="]a"> 

<HEAD> 

<TTTLE> ア クセ シブ プル な ウェ ブ デ ザイ ン </ TTTLE> 

</HEAD> 

<BODY bgco1or= "white"> 


<H1> ア クセ シブ ル な ウェ ブ デ ザイ ン </H1> 


<H2>< 放 name="conEents"> 目 次 </A></H2> 

<UL> 

<L エ ><A href=" 提 intro">1. は じ め に </A> 

< エエ ><A href=" 幕 eqru1V">2. 同等 の 意味 を 持つ 代わ り の テキ スト を 提供 する </A> 
<LT><A href="##Co1or">3. 色 に 依存 し な い </A> 

<L エ ><A href=" 提 Strct 上 W>4. 正しく タグ 付け し 、 適切 に スタ イル シー ト を 使う </A> 
< エエ ><A href=" 提 mvmmt">5. 点滅 や 移動 を する テキ ス PR 
</A> 

<L エ ><A href=" 共 indep">6. 装置 に 依存 し な いよ うに 設計 する </A> 

<L エ ><A href=" 暮 intrm">7. プラ ウザ が 対応 し て いな い 場 合 は 、 RI 
を と る </A> 

<L エ ><A href=" 蘭 cmp1x">8. 前 後 関係 や 位置 を 表す 情報 を 提供 する </A> 
<LT><A href="#navig">9. ODN 
提供 する </A> 

</UL> 





< く HR> 


<H2><A name="intro">1. は じ め に </A></H2> 
< く P> 
【<A href="#ConEents"> 目 次 </ 和 > 
| <A href="#equiv"> 次 の 項目 </A>】 
< く /P> 
く P> 
Web ペー ジ デ ザイ ン に 関連 する アク セ シ ピ リティ (中 略 ) 考え て みて くだ さい 。 
< く /P> 


< く U エ > 

<L エ > ある ユー ザー は 、( 中 略 ) か も し れ ま せん 。 
<L エ > ある ユー ザー は 、( 中 略 ) か も し れ ま せん 。 
<L エ > ある ユー ザー は (中 略 ) か も し れ ま せん 。 





<L エ > ある ユー ザー は (中 略 ) ( 車 を 運転 し て いる 場合 や 、 騒 が し い 環 境 な どの 場合 ) 。 
<Lh エ > ある ユー ザー は 、( 中 略 ) 使用 し て いる か も し れ ま せん 。 
< く /UL> 


</H2> 
< く P> 
【<A href="#1intro"> 前 の 項目 </A> 
| <A hreE="#ContenEts"> 目 次 </A> 
| <A href="#Co1or"> 次 の 項目 </A>】 
</P> 
く P> 
画像 や 映像 、 音 、 ア プレ ッ ト な ど に (中 略 ) 音声 の サン プル な ど ) 
< く /P> 


<H2><A name="equ1iv">2. 同等 の 意味 を 持つ 代わ り の テキ ス 1 


<H2><A name="color">3. 色 に 依存 し な い </ 和 ></H2> 
< く P> 
【<A href=" 失 equ1v"> 前 の 項目 </A> 
| <A href=" 提 ConEents"> 目 次 </A> 
| <A href="#SEro 上 "> 次 の 項目 </A>】 
</ P> 
く P> 
ある 情報 を 伝え る た め に (中 略 ) 十分 な コン トラ スト を あたえ る こと が で きま せん 。 
< く / P> 


<H2><A name="srot"m>4. 正しく タグ 付け し 、 適 切 に スタ イル シー ト を 使う </A> 
</H2> 有 
く P> 
【<A href="##Co1or"> 前 の 項目 </A> 

| <A href="#Contents"> 目 次 </A> 

| <A hreE="#mvmntm> 次 の 項目 </A>】 
< く / P> 
< く P> 
タグ 付け を 正しく 行わ な い (仕様 に 従わ な い ) こと は 、( 中 略 ) 表現 する こと を 難し くし ます 。 
</P> 


</ BODY> 
</HTML> 











<A name=" 位 軒 名 ">ー</A> ー リ ンク 先 の 指定 
<A href="ORr# 位 置 名 ">ー</A> デリ ンク 元 の 指定 











Web Page Design Univ. 
第 3 回 アク セ シ ビ リティ の 重要 性 


ィ に つい て 老 え て み ま し ょ う 。 アク セン シビ 
像 に ALT を 人 2 しょう る 方 も 
リティ と (は 決 SA は な い 


Web Page Design Univ. 


第 3 回 アク セン シビ リティ の 重要 性 


さて 、 今 回 は アク ビシ ビリ ティ に つい て 考え て み ま し ょ う 。 アク セン シビ 
リティ と いう ヒ 、 あて 、 画像 に ALT を 付け る こと で し ょ う 」 と 答え る 方 も 
は 人 クセ シ CEETGSOOODSSA 
の EE 
いう で 和 要 6- と で 5 あり ます 。 










2 を 提 は す る 」 





と いう 点 で 重要 な こ 








持つ 代わ り の テキ スト を 





2. 同等 の 意味 を 
提供 する 
【 聞 の 項目 目次 | 次 の 


fi アァ アブ 4 て ( す アゴ 
の 人 
に な り 


て いれ ば 、 を る こと が 可 





【 前 の 項目 | 目次 | 次 の 項目 】 


画像 や 映像 音 、 アプ レッ ト な ど 者 あ SSDICS 
な い 人 も いま す が 、 それ ら に 対し て 同等 の 意味 を 持つ 情報 も 含ま れ 


他 の ペー ジ に リン ク す る 場合 に 、 そ の ペー ジ 内 の 特定 の 位置 に 名 前 を 付け て お いて 、 
月 記 その 位置 に リン ク ( ジ ャ ンプ ) さ せる こと が で きま す 。 

リン ク の 対象 と な る 位置 に 名 前 を 付け る に は 、name 属 性 を 使用 し ます 。 そ し て 、 そ 

の 位置 ヘリ ンク する た め に は 、href 太 性 に URL 十 「 誕 記号 十 リ ンク する 位置 の 名 前 を 


指定 し ます 。 
9 <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 eo gw 
の "http: / /www .w3 .org/TR/REC-htm140/1oose .dtd"> 

6 va" リ 
<HTML, 1ang="]a"> ン 
<HEAD> ク 
<TTTLE>Web Page Design Un1Y.</TTTLE> す 
</HEAD> る 
<BODY> 


<H1>Web Page Design UniY.</H1> 
<H2> 第 3 回 アク セ シ ビ リティ の 重要 性 </H2> 
く P> 


さて 、 今回 は アク セ シ ビ ピリ ティ に つい て (中 略 ) な い の で す が 、 それ は 「<A | 











-・/access1b111ty/index . htm]#equiv"> 同 等 の 意味 を 持つ 代わ り の テキ ス 
ト を 提供 する </A>」 と いう 点 で 重要 な こと で も あり ます 。 

く /P> 

</ BODY> 

< く /HTML> 








上 具 リン ク 先 の ソー ス に つい て は 、「 同 じ ペ ー ジ 内 の 指定 し た 位置 ヘリ ンク する 」(P.78) を 参照 し て くだ さい 。 
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… 四 
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KM 
2 


2 





target 属 性 を 利用 する と 、 リ ンク 先 の ペー ジ を 表示 させ る ウイ ンド ウ を 指定 する こと 
が で きま す 。 

すでに 指定 し た 名 前 の ウイ ンド ウ が ある 場合 は その ウイ ンド ウ へ 、 な いり い 場合 は 新 し 
い ウ イン ドウ に 表示 し ます 。 

この 時 、 新 し く 開 いた ウイ ンド ウ の 名 前 は 、target 属 性 で 指定 し た も の に な り ま す 。 
また 、[「_blankl の よう に [| で 始ま る 特別 な 名 前 が いく つか あり ます 。[「_blank| は 新 
し い ウ イン ドウ を 名 前 の な い 状 態 で 開き 、[_selfl は リン ク 元 と 同じ ウイ ンド ウ に 表 
示さ せま す 。 


<H1> オン ライ ン 絵 本 ・ リ ンク 集 </H1> 

<H2> 鍛 <A href="hEED : / /www .Dhoen1ix-C . or . Jp/~-zspc/bekoinu 
/" targe="ehon"> | 
べ こ い 認 </A> 

</H2> 

< く P> 

か わい い 小 犬 の 「 べ こい ぬ 」 が 、 知 ら な いう ち に 生態 系 (食物 連鎖 ) を 壊し て し まう と いう 、 
ちょ っ と 変わ っ た お 話 で す 。 意外 な 展開 を お 楽し みく だ さい 。 』 
< く /P> 











上 上 プ Tip「 タ ー ゲ ッ ト 名 に つい て 」:P.179 参 照 


リン ク 





ご 意見 ・ ご 感想 を お 待ち し て いま す 。 ピ 
太 契 信 北 yamagg@a5c カ 









ご 意見 ・ ご 感想 を お 待ち し て いま す 。 


の 盛 ズ 応 Otto ーー 
計 人 っ 


生 コーー コ コロ A 人 ルク 盾 





















4 リン ク の 通常 URL を 記入 する 部 分 に 、「mailto:] に 続け て メー ル ア ド レス を 記入 し て 
月 史 お く と 、 プ ラウ ザ の メー ル を 送信 する ウイ ンド ウ を 開い た り 、 設 定 され て いる メー 
ル ソ フ ト を 起動 する こと が で きま す 。 
この 場合 、 指 定 し た メー ル ア ド レス が 自動 的 に 入力 され た 状態 に な り ま す 。 
この 機能 は 、 必 ず し も すべ て の プラ ウザ で 利用 で きる わけ で は あり ませ ん の で 、 メ ー 
ル ア ド レス が 画面 に 表示 され る よう に し て お く ( つ まり 、 メ ー ル アド レス を リン ク す 
る 文字 に 含め る ) と よい で し ょ う 。 


リン ク 
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< く !DOCTYPE HTML, PUBLTC "-//W3C//DTD HTMT, 4.0 Transitiona1 / /EN" 
"htEp : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> 月 

<HTMT, 1ang="]a"> 

<HEAD> 

<TTTLE> リ ンク で メー ル を 送れ る よう に する </TTTLE> 

</HEAD> 

<BODY> 

<P> 

ご 意見 ・ ご 感想 を お 待ち し て いま す 。 

</ P> 

<ADDRESS> 

山田 太郎 <A hreE="mai1to:tyamadaGaboc .ne. Jp"> 

tyamadaeabc .ne . ]D</> 

</ADDRESS> 

</BODY> 

</ HTML> 











旧 「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 内 容 に 関す る 問い 合わ せ 先 を 示す 」:P.4 1 参照 


関連 書籍 
















HTM_&JavaSc 典 
< 詳解 HTML&JavaScript 冬 典 ・ 時 OS 
・ 詳解 JavaScript&DynamicHTML 辞典 





・ 詳解 HTM_40&CascadingStyleShest 詳 典 
* 詳解 JavaScript&Dynamicl 典 


連 番 付き で は な く 、 丸 や 四角 な どの マー ク 付 き の リ スト を 作り ます 。 

記 記 <UL>(Unordered Lis) は その 範囲 全体 が 順不同 リ スト で ある こと を 示し 、<L(List 
Item) は リス ト 内 の 各 項 目 を 表し ます 。 し た が っ て 、 書き 方 と し て は 、 リ スト 全体 を 
<UL> 一 </UL> で 囲み 、 リ スト 内 の 各 項 目 は <LI> タ グ で 囲っ て 示し ます 。 こ の 時 、 
<LI> の 終了 タグ で ある </LI> は 省略 する こと が で きま す 。 

一 般 的 な プラ ウザ で は 、 全 体 に イン デン ト さ れ た 状態 で 、 各 項目 は 自動 的 に 改行 さ 
れ て 表示 され ます 。 ま た 、 マ ー ク と し て は 黒丸 が 一 般 的 で す が 、 す べ て の プラ ウザ 
で その よう に 表示 され る と は 限り ませ ん 。 


<!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML, 4.0 チチ 


ココ 
リ 
"http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> ス 
中 <HTMTL 1ang="a"> ト 
< く HEAD> 
<TTTLE> マー ク 付 き リ スト ・ サ ンプ ル </TTTLE> る 
</HEAD> 
< く BODY> 
<P> 関 連 書 籍 </P> 
<UL> 


< エエ > 詳解 HTML&JavaScr1pt 辞 典 </ 上 エ > 

< エエ > 詳解 HTML4 . 0gCascadingSty1eSheet 辞 暴 </ エ エ > 
< エエ > 詳解 JavaScriptgDynamicHTML 辞 典 </ エ エッ > 
</U エ > 

< く / BODY> 

</HTML> 
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リル 4 さ リ アイ 





<UL type=" マー ク の 竹 類 ">ー</UL> 


< エエ 


type=" マー ク の 竹 類 ">ー</ エ エ > 





【 マ ー ク の 種類 】 





disc 











< 詳解 HTML&JavaScript 詳 典 
o 詳解 HTM_40&CascadingStyleSheet 辞 典 
s 詳解 JavaScript&DynamicHTML 辞 典 


設 


関連 書籍 


・ 氏 HTML_&JavaScript 詳 典 
HTML4 UMOeredhnoSNe 計 人 
ロ avaScript&DynamicHTML 辞 典 





マー ク 付 き リ スト の 各 項 目 の 前 に 表示 され る マー ク の 種類 を 設定 し ます 。 

<UL> に 指定 し た 場合 は リス ト 全 体 が その マー ク に 変更 され 、<LI> に 指定 し た 場合 は 
その 項目 の み が 変 更 さ れ ま す 。 た だ し 、 こ れ ら の マー ク は プラ ウザ の 種類 に よっ て 、 
その 大 き さ や 色 (square に は 白 抜 き の も の と 塗り つぶ し の も の が あり ます ) な ど が 異な 
り ま す 。 また 、 こ の pp 属性 に よっ て マー ク を 変更 する 方 法 は 将来 的 に 廃止 され る 予 
定 と な っ て いま す の で 、 代 わり に スタ イル シー ト を 利用 し た 方 が よい で し ょ う 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"hp : / /Www .Ww3 . org/TR/REC-htm140/1oose .dtd"> 1 

<HTMTL, 1ang="a"> 

< く HEAD> 

<TTTLE> マー ク の 種類 ・ サ ン ブ プル </TTTLE> 

< く /HEAD> 

<BODY> 

<P> 関 連 書籍 </P> 

< く UL> 

<L エ type="disc"> 詳 解 HTMLgJavaSorip 辞 典 </ エ エ > 

<L エ type="cCirc]1er> 詳 解 HTML4 .0gCascadingSty1eSheet 辞 典 </ エ エ > 

<L エ type="Square『> 詳 解 JavaScr1ptgDynamiocHTML 辞 典 </ エ エ > 

< く /UL> 

</ BODY> 

</HTML> 








風 「 ス タイ ル シ ー ト 」 の 「 リ スト の マー ク や 番号 の 形式 を 変え る 」:P.23 参 照 


リス ト 


<OL> <L エ > リス 項目 </L エ ><L エ > リス 人 薦 骨 2</L エ >・・・</OL> 


関連 書 衝 関連 


1 詳解 HTML&JavaScript 辞 典 2 間 ee 
2 詳解 HTML40&CsscadingStylsSheet 評 典 3. 詳解 JavaScript&Dynamicl 典 
3 詳解 JavaScript&DynamicHTML 辞 典 





解 マー ク 付 き で は な く 、 数 字 の 連 番 付き の リス ト を 作り ます 。 

月 記 <OL>(Ordered Lis) は その 範囲 全体 が 連 番 付き リス ト で ある こと を 示し 、<Ll>(Lisr 
Item) は リス ト 内 の 各 項 目 を 表し ます 。 し た が っ て 、 書 き 方 と し て は 、 リ スト 全体 を 
<OL> 一 </OL> で 囲み 、 リ スト 内 の 各 項 目 は <LIl> タ グ で 囲っ て 示し ます 。 こ の 時 、 
<LI> の 終了 タグ で ある </Ll> は 省略 する こと が で きま す 。 

一 般 的 な プラ ウザ で は 、 全 体 に イン デン ト さ れ た 状態 で 、 各 項目 は 自動 的 に 改行 き 
れ て 表示 され ます 。 


KN <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 re 
の "htp : / /www .W3 . org/TR/REC-htm140/1oose .dtEd"> 

<HTML, 1]ang="]a"> 

< く HEAD> 

<TTTLE> 番号 付き リス ト ・ サ ン ブ ル </TTTLE> 

< く /HEAD> 

<BODY> 

<P> 関 連 書 籍 </P> 

< く O エ > 

<L エ > 詳解 HTMLgJavaScr1pt 辞 典 </ エ エッ > 

< エエ > 詳解 HTML4 .0gCascadingSty1eSheet 辞 暴 </ エ エ > 

<L エ > 詳解 JavaScript&gDynamicHTML 辞 典 </ エ エッ 

</OL> 

</ BODY> 

</HTML> 


SS 


の 圭 座 テ ハニ | 








風 「 ス タイ ル シ ー ト 」 の 「 リ スト の マー ク や 番号 の 形式 を 変え る 」:P. ら 93 参照 
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<Or, type=" 落 号 の 形 区 ">ー</OL> 
<h エ type=" 畜 号 の 形式 ">ー</ エ エッ > 





【 番 号 の 形式 】 

| 虹 放 夫 守 1 
9 共 避 学 

A 英 大 文字 

1 

| 











ロー で 数 字 小 文字 前 
ロー で 数 字 大 文字 画 男 較 











i 詳解 HTML&JavaScript 詳 典 1 昌 ee 


ii 詳解 HTML40&CascadingStyleSheet 辞 典 avaScript&DynamicHTML 辞 典 
便 詳解 JavaScript&Dynamic 典 





7 人 請 秋 号 付き リス ト の 各 項 目 の 前 に 表示 され る 番号 の 形式 を 設定 し ます 。 
<OL> に 指定 し た 場合 は リス ト 全体 の 番号 が その 形式 に 変更 され 、<LI> に 指定 し た 
場合 は その 項目 の み が 変更 され ます 。 

た だ し 、 こ の ppe 属 性 に よっ て 番号 の 形式 を 変更 する 方 法 は 、 将 来 的 に 廃止 され る 
予定 と な っ て いま す の で 、 代 わり に スタ イル シー ト を 利用 し た 方 が よい で し ょ う 。 


記 


< く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"hp : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 

<HTML, 1ang="]a"> 

<HEAD> 

<TTTLE> 番号 の 形式 ・ サ ンプ ル </TTTLE> 

</HEAD> 

< く BODY> 

<P> 関 連 書籍 </P> 

<OL 上 ypD@e=" ミ "> 

< エエ > 詳解 HTMLgJavaScr1pt 辞 典 </ エ > 

<L エ > 詳解 HTML4 .0gCascadingSty1eSheet 辞 典 </ エ > 

< エエ > 詳解 JavaScript&gDynamicHTML. 辞 典 </ エ > 

</O エ > 

</ BODY> 

< く / HTML> 


ら 
SN 


EE 
り 
ス 
ト 
を 
作 
る 








上 l 瞳 「 ス タイ ル シ ー ト 」 の 「 リ スト の マー ク や 番号 の 形式 を 変え る 」 :P.233 参 昭 


88 リス ト 


リス ト の 連 番 を 3 


<OL star セ =" 月 始 番号 ">ー</OL> 
<LT va1ue=" 盛 始 航 号 ">ー</ エ エッ > 


リス ト 項 目 A | リス ト 項 目 A 
. リス ト 項 目 B 1 
リスト 項目 

リス ト 項 目 D M 
リス ト 項 目 E | リス ト 項 目 F 
| リス ト 項 目 F 





解 番号 付き リス ト の 番号 は 1 か ら 開始 され ます が 、start 属 性 を 指定 する と 任意 の 番号 か 
月 語ら 開始 させ る こと が で きま す 。 
value 属 性 も 同様 に 開始 番号 を 変更 し ます が 、 こ ちら は リス ト 項 目 <LI> に 対し て 設定 
し ます の で 、 連 番 を 途中 か ら 変 更 す る こと が で きま す 。 


で <!DOCTYPE HTMIL,。 PUBLTC "-//W3C//DTD HTML 4.0 Transitiona]1 / /EN" 
ンク http : / /Www . W3 . org/TR/REC-htm140/1oose .dtd"> | 
<HTMT, 1]ang="]a"> 

<HEAD> 

<TTTLE> 連 番 の 変更 ・ サ ンプ ル </TTTLE> 

< く /HEAD> 

<BODY> 

< く OT。 上 a エ 上 ="4 リ > 

<L エ > リス ト 項 目 A< /L エ > 

<L エ > リス ト 項 目 B</ エ > 

<L エ > リス ト 項 目 C</ エ エ > 

<LT value="1"> リ スト 項目 D</ エ エ > 

< エエ > リス ト 項 目 E</L エ > 

< エエ > リス ト 項 目 F</ エ エ > 

</OL> 

</ BODY> 

</HTML> 


ぶ 圭 座 テニ 昌 
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<DL> <DT> 征 病 す る 言葉 </DT><DD> その 説明 </DD> ・・・</DL> 
<DL> <Dm> 定 開 す る 言葉 <DD> その 説明 ・・・</DL> 


ユー ザー エー ジェ ント 
ウェ ブ ・ コ ン テ デン ツ に アク セス する た め の ソ フト ウェ 
本 の ッ プ の グラ フィ カル な ブラ ウザ の 他 .、 


音声 プラ マル チ メ デ ィ ア プレ イヤ ー 
ブラ グイ ン な ど も 含ま れる 。 












ン ツ に アク セス する た め の ソ フト ウェ ア 。 


リラ ウザ 1 偽 ッ プ の グラ フィ カル な プラ ウザ の 他 、 
人 マル チ メ デ ィ ア ブレ イヤ ー、 
ラグ イン な ども 含ま れる 。 





解 定義 形式 リス ト と は 、 定 義 す る 言葉 と それ に 対す る 説明 文 を 対 に し た 形式 の リス ト 
朋 叫 で す 。 

<DL> 一 </DL> の 範 連 に は 、DT 要 素 と DD 要素 を 1 組 だ け で な く 、 そ れ ぞ れ 必 要 な 数 
だ け 任 意 の 順序 で 入れ る こと が で きま す 。 ま た 、<DT> と <DD> の 終了 タグ で ある 
<DT> と </DD> は 省略 する こと が 可能 で す 。 
一 般 的 な プラ ウザ で は 、<DD> 一 </DD> の 範囲 ポイン デン ト さ れ て 表示 され ます 。 
その た め 、 か つて は マー ジン を と る 目的 で 利用 され る こと も 多かっ た の で す が 、 現 
在 で は スタ イル シー ト で 自由 に マー ジン を 設定 する こと が で きま す の で 、 そ ちら を 
利用 する よう に し て くだ さい 。 


む * <!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
ン ン http : / /Www . w3 . org/TR/REC-htm140/1oose .dtd"> 用 
因 <HTMT, 1ang="]a"> 

< く HEAD> 

<TTTLE> 定義 形式 リス ト ・ サ ンプ ル </TTTLE> 

</HEAD> 

< く <BODY> 

<D エ > 

<DTm> ユ ー ザ ー エ ー ジ ェ ン ト </DTm> 

<DD> 

ウェ ブ ・ コ ン テ ン ツ に アク セス する た め の ソ フト ウェ ア 。 (中略 ) プラ グイ ン な ども 含ま れる 。 

</DD> 

</D エ > 

< く /BODY> 

</HTML> 


の 圭 テ ニニ | 








My 「 ス タイ ル シ ー ト 」 の 「 マ ー ジ ン を 設定 する 」:P.205 参 照 
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<mABLE border=" 外 の 大 さ ">ー</TABLE> ~ 表 全体 


<TR>ー く /TR> て 横 1 列 
<TH>ー く / TH> て 見 出し 用 セル 
<TD> 一 </ TD> ー デ ー タ 用 セル 








外 枠 の 太 さ ピク セル 





| 名 前 ! 作 別 名 前 年齢 性 別 
岡 蔵 龍一 に 岡 蔵 棚 一 35 男 

* 書 ^ ム 
伊藤 清治 59 易 伊藤 清治 9 





解 表 は 、 そ の 全体 を <TABLE> 一 </TABLE> で 囲っ て 示し ます 。 
月 』 各 セ ル は 、 そ れ が 列 や 行 に 対す る 見 出し の 役割 を する の で あれ ば <TH> 一 </TH> で 、 
デー タ で あれ ば <TD> 一 </TD> で 囲っ て 示し ます 。 
ー 般 的 な プラ ウザ で は 、border 悦 性 を 指定 し な けれ ば 表 の 枠 は 表示 され ませ ん 。 
また 、 見 出し 用 の セル 内 の 文字 は 太字 で セン タリ ング され て 表示 され ます 。 横 1 列 
分 の セル は 、<TR> 一 </TR> で 囲い ます 。 


で <BODY> 
ンク <TABLE border="2"> 
<TR> 
<TH> 名 前 </TH>< 呈 旦 > 年 齢 </ 上 >< 呈 H> 性 別 </ TH> 
< く /TR> 
<TR> 
<mD> 岡 蔵 龍一 </TD><TD>35</"TD> <TD> 男 </TD> 
</TR> 
<TR> 
< や D> 伊 藤 清治 </TD><TD>29</TD> <TmD> 男 </TD> 
</TR> 
< く / TABLE> 
</ BODY> 


al 
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< く CAPTTON>ー</CAPTTON> 
<CAPTTON a1ign=" 表 示 位 置 ">ー</CAPTTON> 








表示 位置 top・bottom・(left・right) 





参加 者 リス ト 


岡 蔵 本 | 
伊藤 清治 59 ! 





表 に タイ トル (キャ プシ ョ ン ) を 付け ます 。 

align 属 性 で 表示 位置 を 指定 し な い 場 合 に は 、 テ ー プ ル の 上 に 表示 され ます 。 

一 般 的 な プラ ウザ で は 、 表 に 対し て セン タリ ング され て 表示 され ます 。 

表示 位置 の left と right に 関し て は 、 正 し く 対 応 し て いな い プ ラウ ザ が 多い の で 、 使 用 
し な い 方 が よい で し ょ う (align 属 性 自体 も 廃止 され る 予定 と な っ て いま す )。 こ の 要 
素 を 使用 する 場合 は 、 必 ず <TABLE> タ グ の 直後 に 配置 し て くだ さい 。 


< く !DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona] / /EN" 
"httDp : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 

<HTMT, 1ang="]a"> 

< く HEAD> 

<TTTLE> 表 タイ トル ・ サ ンプ ル </TTTLE> 

</ HEAD> 

<BODY> 

< く TABLE border="2"> 

<CAPTTON> 参 加 者 リス ト </CAPTTON> 

<TR> 

<TH> 名 前 </ TH><TH> 年 齢 </TH><TH> 性 別 </TH> 

</TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

< く /TR> 

<TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 

< く /TR> 

</TABLE> 

</ BODY> 

</HTML> 








92 テー ブル 















。 名 前 
岡 基 誰 一 85 男 
伊藤 清治 59 男 









伊藤 清治 








解 表 全 体 の 幅 と 高 さ を 指定 し ます 。 
月 j】 一 般 的 な プラ ウザ の 多く は height 属 性 を サポ ー ト し て いま す が 、HTML4.0 で は 
TABLE 要 素 に 対し て この 属性 は 定義 8 れ て いま せん 。 表 の セル を 表す TH 要素 と TD 
要素 で は height 属 性 が 利用 で きま す の で 、 高 さ を 指定 し た い 場 合 は そちら を 利用 す 
る よう に し て くだ さい 。 


の <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"http : / /Www . w3 . ord/TR/REC-htm140/1oose .dtd"> 月 
<HTML, 1ang="]a"> 

< く HEAD> 

<TTTLE> 表 の 大 き さ の 指定 サン プル </TTTLE> 

< く /HEAD> 

<BODY> 

<TABLE border="2" width="100 も "> 

く TR> 

<TH> 名 前 </ TH><TH> 年齢 </TH><TH> 性 別 </ TH> 

く /TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </ TD> 

</TR> 

< く <TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 

< く / TR> 

</ TABL 下 > 

</ BODY> 

< く /HTML> 


vw 上 








旧 孤 「 テ ー ブ ル 」 の 「 セ ル の 大 き さ を 指定 する 」:P.113 参 照 
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<TABLE border=" 多 奈 の 大 さ ">ー</ TABLE> 
<mABLE ce11spacing=" セル の 和 周旋 ">ー</TABLE> 
<TABLE ce11padding=" 人 ル ん 内 の マー ジン "> て </TABLE> 

















外 特 の 太 さ ピク セル 
セル の 間隔 ピク セル 
セル 内 の マー ジン ピク セル 

ーー mternetExplorer 。 


画 border 属 性 


border=-0" 
名 前 年 齢 
岡 蔵 棚 一 35 


border="5~ 


名 前 年齢 
岡 蔵 蘭 一 5 


画 cellspacing 属 性 


cellepacing"ー 
名 前 年 齢 
岡 巧 請 一 35 


cellspacing= "0" 
| 名 前 年 齢 
岡 蔵 棚 一 85 


本 cellpadding 属 性 

cellpadding= 5~ 
名 前 年齢 

岡 蔵 柚 一 35 


cellpadding= 0~ 
名 前 年 齢 
賠 甚 謙一 B5 


border=-10~ 
名 前 年齢 
賠 茂 能 一 35 


cellspacing=~10~ 
名 前 年齢 
岡 蔵 蘭 一 35 


cellpadding=~10~ 
名 前 年 齢 
岡 工 棚 一 35 


名 前 年 齢 
岡 工 一 35 
伊藤 清治 29 


画 border 属 性 


border="0" 
名 前 年 齢 
岡 基 亡 一 35 


border="5~ 


名 前 年 齢 
岡 惹 朋 一 35 
本 cellspacing 属 性 
cellspacing=~0~ 


名 前 年 齢 
周 蔵 衣 一 35 


cellepacings5~ 
名 前 年 齢 
山砲 王 一 35 


画 cellpadding 属 性 


cellpadding=0~ 
名 前 年 齢 
賠 巧 請 一 gs 


cellpadding=~5~ 
名 前 年齢 
岡 蔵 醸 一 35 


border 属 性 は 、 表 全体 の 上 下 左右 の 外 梓 の 太 さ を 設定 し ます 。 
月 記 値 と し て 0 を 指定 する と 、 梓 が 表示 され な く な り ま す 。 


cellspacing 屈 性 は 、 各 セル と セル 及び セル と 外 枠 の 間隔 を 設定 し ます 。cellpadding 属 


性 別 
男 
男 


border="10~ 
名 前 年 齢 
岡 茂 隊 一 35 


cellspacing="10~ 
名 前 年 齢 
岡 蔵 億 一 35 


cellpadding=~10~ 
名 前 年 齢 
岡 惹 棚 一 35 





性 は 、 セ ル 内 の マー ジン (セル の 内 容 と 梓 と の 間隔 ) を 設定 し ます 。 
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<!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"ht て p : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 月 

<HTMT, ]ang="a"> 

<HEAD> 

<TTTLE> 枠 や マー ジン ・ サ ン ブ ル </ TTTLE> 

</HEAD> 

<BODY> 

<TABLE border="8" ce11spacing="4" ce11padding="10"> 

< く TR> 

<TH> 名 前 </ TH><TH> 年 齢 </TH><TH> 性 別 </TH> 

</TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

</TR> 

< く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </ TD> 

</TR> 

< く / TABL 到 > 

</ BODY> 

</ HTML> 
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<TABLE borderoco1or=" 色 ">ー</ TABLE> 
<TABTE borderco1or1ight=" 色 " borderco1ordark=" 色 ">ー</TABLE> 


bordercolor 








件 本 
加 惑 棚 一 85 | 胃 | 


bordercolorlight, bordercolordark 
bordercolorlight, bordercolordark 





名 前 性 別 岡 蔵 欄 一 85 男 
岡 蔵 龍一 85 男 


























解 bordercolor 属 性 は 、 表 の 外 枠 全体 の 色 を 設定 し ます 。 

有 】 Internet Explorer で は 、 こ こ で 指定 し た 色 で 外 枠 が 平面 的 に 塗り つぶ され 、Nectscape 
Navigator で は 、 こ の 色調 で 立体 的 に 表示 され ます 。 
bordercolorlight 属 性 と bordcrcolordark 属 性 は Internct Explorer で の み 利 用 可能 で 、 そ 
れ ぞ れ 立 体 的 な 外 枠 の 明る い 部 分 と 暗い 部 分 の 色 を 設定 し ます 。 こ れ ら の 属性 は 、 
各社 プラ ウザ の 独自 拡張 で HTML4.0 で は 定義 る され て いな いも の で す 。 表 の 梓 の 色 
を 指定 し た い 場 合 に は 、 ス タイ ル シ ー ト を 利用 する の が 正しい や り 方 で す ( た だ し 、 
多く の プラ ウザ は 、 ま だ サポ ー ト し て いま せん )。 


3 
Eu 5 6 
表 9 <HTML, 1ang="]a"> 
を 0 ン の <HEAD> 
に 回 <mTmLE> 表 の 外 枠 の 色 サ ンプ ル </TTTLE> 
</HEAD> 
<BODY> 


く P>DOrderCO1O エ </P> 

<TABTLE border="8" borderco1or="#0000FF"> 
< く TR> 

<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 性 別 </ TH> 

< く /TR> 


96 テー ブル 


< く TR> 
<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 
</TABLE> 


<P>borderco1or1ight , borderco]1ordarK< / P> 

<TABLE border="8" borderco1or11igh モ ="#FF9900" borderoo1or 
dark="#CC0000"> 
<TR> 

<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 性 別 </TH> 

< く / TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

</ TABLE> 


</ BODY> 
</ HTML> 











旧 際 「HTML に つい て 」 の 「 色 の 指定 方 法 」:P.25 参 照 
具 「 ス タイ ル シ ー ト 」 の 「 枠 の 色 を 指定 する 」 :P.222 参 照 
上 巻末 付録 [カラ ー チ ャ ー ト 1-9]: 巻 未 参照 
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9| 【 引 村 の 表示 形式 】 
症 且 是 | vod な し (デフ ォ ル ト ) 
_Dove のみ 
_below 下 の み = 9 ーー ーー 
mp だ のみ 
rhs 右 の み 





hades 上 FRO み 








_VSides 左右 の み ーー 
_box 上 下 左右 回 ve 中 
border 上 下 左 右 





名 前 年 齢 性 別 


岡 茂 陳 一 85 男 
伊藤 清治 29 男 





較 frame 属 性 


frame=~above~ 


名 前 年 齢 
岡 蔵 衣 一 35 


frmme="vod" 
名 前 年 齢 
岡 蔵 棚 一 35 


frame="Ihe~" frame="rhe~ 
名 前 年 齢 名 前 年 齢 
岡 蔵 前 一 8B5 賠 蔵 本 一 35 


frame="box" 


frmme="vsides~ 


名 前 | 名 前 年 齢 | 名 前 年 齢 
央 巧 能 一 35 | 岡 基 棚 一 35 | 岡 茂 角 一 35 


frame="below 
名 前 年 齢 


岡 蔵 本 一 35 


frame="heidea~ 
名 前 年 齢 
岡 茂 醒 一 35 


frame="border~ 





frame="void" frame="above~ 
名 前 年 齢 

岡 茂 棚 一 35 
frame="Ihe~ frame="rhe~ 
名 前 年 齢 

賠 苑 前 一 35 


frame="vsides~ frame="box~ 


名 前 年 齢 名 前 年 齢 
岡 蔵 馬 一 35 同 基 表 一 35 





frame="below" 


名 前 年 齢 名 前 年 齢 
岡 惹 王 一 35 避 茂 億 一 35 


frame="heides” 


名 前 年 替 名 前 年 齢 
岡 蔵 本 一 35 岡 蔵 秀一 35 


frame="border” 


名 前 年 齢 
岡 感 龍一 35 


frame 属 性 は 、 表 全体 を 囲う 外 梓 の うち 、 上 下 左右 の どの 枠 を 表示 させ る か を 設定 
Bi 


し ます 。 
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<!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
" http : / /www . w3 . or9/TR/REC-htm140/1oose .dtd"> 有 

<HTMT, 1]ang="]a"> 

<HEAD> 

<TTTLE> 表 の 外 枠 の 表示 形式 サン プル </TTTLE> 

</HEAD> 

<BODY> 

<TABL 下 border="6" Erame="hs1des"> 

< く TR> 

<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 性 別 < / TH> 

</ TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

</TR> 

< く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 

</TR> 

</TABLE> 

</ BODY> 

</HTML> 
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菩 [セル を 区 切る 線 の 表示 形 式 
ー ls0| 


_ な し (デフ ォ ル ト ) 


TOn6_ 
「0WS 


横 列 の 境界 の み 





Cols 
BrOUDS 
絢 


縦列 の 境界 の み = 本 
THEAD ・TBODY ・TFOOT ・COLGROUP ・COL の 境界 の み 
すべ て の 境界 














| 名 前 年 齢 性 別 
蔵 議 一 5 男 
伊 長 清治 29 男 還 rules 展 性 
rules="none~ rules="cols~ 
名 前 年 齢 性 別 名 前 年 齢 性 別 名 前 年 齢 性 別 
岡 惹 龍一 35 男 岡 蔵 議 一 35 男 岡 蔵 王 一 35 
伊藤 清治 29 男 | 伊藤 清治 29 男 | 伊 長 清治 29 
rules="groups~ rules="all" 
名 前 年 齢 性 別 名 前 年 齢 性 別 
岡 蔵 龍一 35 男 | 賠 巧 棚 一 85 
伊藤 清治 29 男 伊藤 清治 29 
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名 前 年 齢 性 別 
岡 蔵 熊 一 35 
伊藤 清治 29 





ロ 画 rules 属 性 


rules="cols” 
名 前 年 齢 性 別 


岡 蔵 龍一 5 男 
伊藤 清治 29 明 


rules="rows~ 

名 前 年 齢 性 別 
岡 蔵 龍一 35 男 
伊藤 清治 29 男 


rules="none~ 


名 前 年 齢 性 別 
岡 蔵 欄 一 85 男 


伊藤 清治 29 男 





rules="all" 
名 前 年 齢 性別 


岡 茂 本 一 35 男 
伊藤 清治 29 男 


rules="groups~ 
名 前 年 齢 性 別 


岡 蔵 棚 一 85 男 
伊藤 清治 29 男 





[人 ie 還 性 は 、 セ ル を 区 切る 線 の 内 、 ど の 線 を 表示 させ る か を 設定 し ます 。 


の <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTMT, 4.0 Transitiona1 / /EN" 
ウ "http : / /www .w3 . org/TR/REC-htm140/1oose .dEd"> 則 
<HTML, ]ang="]a"> 

<HEAD> 

<TTTLE> セ ル を 区 切る 線 の 表示 形式 サン プル </TTTLE> 

く / HEAD> 

< く BODY> 

<TABLE Dorder="6" rules="Co1S"> 

<TR> 

<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 性 別 </TH> 

</TR> 

く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

< く /TR> 

< く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 

< く /TR> 

< く / TABLE> 

</ BODY> 

</ HTML> 








旧 瞳 「 テ ー ブ ル 」 の 「 横 列 を グル ー プ 化す る 」:P.118 参 照 
旧 具 「 テ ー ブ ル 」 の 「 縦 列 を グル ー プ 化す る 」:P.120 参 昭 
旧 除 「 テ ー ブ ル 」 の 「 縦 列 に 幅 や 行 揃え を まとめ て 指定 する ] :P.122 参 昭 
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表 の 青 景色 を 指定 する 


<TABLE bgco1or=" 到 ">ー</TABLE> ~ 表 全体 の 背景 色 


<TR bgco1or=" 色 ">ー</TR> 横 1 列 の 背景 色 
<TH bgco1or=" 到 ">ー</ TH> て 見 出し 用 セル の 背景 色 
<TD bgco1or=" 色 ">ー</TD> ー デ ー タ 用 セル の 背景 色 
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bgcolor 属 性 を 使用 する と 、 背 景色 を 設定 する こと が で きま す 。 

<TABLE> に 対し て 指定 する と 表 全 体 の 背景 に 、<TR> に 対し て 指定 する と その 横 1 
列 の 背景 に 、<TH> と <TD> で は その セル の 背景 に 対し て 色 が 付き ます 。 

た だ し 、 こ の 属性 は 廃止 予定 と な っ て いま す の で 、 ス タイ ル シ ー ト を 使っ た 方 が よ 
か りり 


"http: / /www .W3 . org/TR/REC-htm140/1oose .dtd"> 
<HTMT, 1]ang="]a"> 
< く HEAD> 
<TTTLE> 表 の 背景 色 サ ンプ ル </TTTLE> 
</HEAD> 
<BODY bgco1or="#CCCCCC"> 
<TABLE border="2" ce11padding="8"> 
< く TR> 
<TH> 名 前 </ TH> 
<TH bgco1o ェ ="#999999『 > 年齢 </ 呈 > 
<TH> 性 別 </TH> 
く / TR> 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 MT 


< く TR> 

<mD bgco1or="#0099CC"> 岡 蔵 龍一 </TD> 
<TD>35</TD> 

<TD bgco1o ェ ="#0099CC"> 男 </TD> 
</TR> 

<TR bgCo1or="#FFCCCCW> 

<TD> 山 田 花子 </TD> 

<TD>22</TD> 

<TD> 女 </TD> 

</TR> 

< く TR> 

<TD bgoo1or="#0099CC"> 伊 藤 清治 </TD> 
<TD>29</TD> 

<TD bgco1or="#0099CC"> 男 </"TD> 
</TR> 

</ TABTLE> 

</BODY> 

< く /HTML> 








内 「HTML に つい て 」 の 「 色 の 指定 方 法 」:P.25 参 昭 
内 「 ス タイ ル シ ー ト 」 の 「 背 景色 を 指定 する 」 :P.196 参 照 
用 巻末 付録 [カラ ー チ ャ ー ト 1 一 d]: 巻 末 参 照 
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<TABLE background=" 奇 誠 の ORr">ー</TABLE> 表 全 体 の 背景 画像 

<TR background=" 存 誠 の り R ル ">ー</TR> ~ 横 1 列 の 背景 画像 

<TH background=" 存 参 の URL">ー</ TH> て 見 出し 用 セル の 背景 画像 
<TmD background=" 存 記 の URL">ー</TD> ー デ ー タ 用 セル の 背景 画像 





Jp 


104 テー ブル 





background 属 性 を 使用 する と 、 背 景 画像 を 設定 する こと が で きま す 。 
<TABLE> に 対し て 指定 する と 表 全 体 の 背景 に 、<TR> に 対し て 指定 する と その 横 1 列 
の 背景 に 、<TH> と <TD> で は その セル の 背景 に 対し て 背景 画像 が 表示 され ます 。 画 
像 ファ イル と し て は 、 一 般 に GIF 形式 の 他 、 JPEG 形 式 や PNG 形式 も 使用 で きま す 。 
た だ し 、 こ の 属性 は 一 部 プラ ウザ の 独自 拡張 で 、HTML4.0 で は 定義 8 れ て いな い 
も の で す 。 表 に 背景 画像 を 指定 し た い 場合 に は 、 ス タイ ル シ ー ト を 利用 する の が 正 
し いや り 方 で す 。 


<HTMT, ]ang="]a"> 

<HEAD> 
<TTTLE> 表 の 背景 画像 サン プル </TTTLE> 
</HEAD> 

<BODY bgoco1or="#FFFFEFF"> 
<TABLE border="2" ce11padding="15"> 
<TR baojkground="green .d1F"> 
<TH> 名 前 </TH> 

<TH> 年 齢 </TH> 

<TH> 性 別 </TH> 

< く /TR> 

<TR baokground= "paper .91F"> 


<TD> 岡 蔵 龍一 </TD> 
<TD>35</TD> 
<TD> 男 </TD> 

</TR> 

<TR background="DaDer .91F"> 
<TD> 伊 藤 清治 </TD> 
<TD>29</TD> 

<TD> 男 </TD> 

</TR> 

</ TABLE> 

</ BODY> 

</HTML> 








旧 「 ス タイ ル シ ー ト 」 の 「 育 景 画像 を 指定 する 」:P.197 参 照 








表 の 背景 画像 の 対応 状況 

Netscape Navigator4.x 以 降 と Intermet Explorer3.x 以 降 で は 、 い ずれ も 表 の 背景 
画像 を サポ ー ト し て いま す 。 間 

た だ し 、Internet Explorer で は 、 表 の 横 列 全体 で ある <TH> に 対し て は 、 背景 画像 を 
指定 する こと が で きま せん 。 

両 ブラ ウザ で 表示 させ る た め に は 、 表 全体 に 対し て 指定 する か 、 セ ル ご と に 1 つ 1 つ 指 
定 する 必要 が あり ます 。 0 
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右 の 表 に 示す よう に . 賠 蔵 さん は 
在 35 歳 の 男 住 です 上 近 の 語 前 年 仁史 


味 は 、 ソ ルト ウォ ー タ ー フ ィ ッ シ ン 回 巧 杉 一 35 |E 還 還 還 還 RNGRERSIRIRRIERRGEI 証 証 環 


グ だ そう で 、 Ng 伊藤 清治 29 男 
の よう に 海 に 通っ て いる と か 。 や 

は り 、 は 折 を 的 る 町 人 き は よら 5 
る と 締め 切り が 近く て も 釣り に 行っ て し まう そう で す . 


に まう に ん は 名 前 年 齢 性 別 
者 の 岡 衣 一 5 由 
発 2 3 守 の | 人 伊藤 清治 29 


は 元 る 方 が 人 mr 
て も 3 に 行っ て し まう て う で 






科 ゆり 


表 を 左右 、 又 は 中 央 に 配置 し ます 。 

左 、 又 は 右 に 配置 し た 場合 に は 、 表 に 続く テキ スト が その 横 に 回 り 込 み ま す 。 回 り 
込み を 解除 し た い 場 合 に は 、<BR> の clear 属 性 を 使用 し て くだ さい 。 
た だ し 、 こ れ ら の 属性 は 廃止 予定 EC な っ て いま す の で 、 ス タイ ル シ ー ト を 使っ た 方 
が よい で し ょ う 。 


FX <TABL 到 border="2" a11gn="r エ 19hE"> 
多 <TR> 

<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 性 別 </TH> 

</TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

< く /TR> 

< く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 

< く /TR> 

</ TABLE> 

く P> 

右 の 表 に 示す よう に 、 岡 蔵 さ ん は 現在 35 歳 の 男性 で す 。 最 近 の 趣味 は 、 ソ ルト ウォ ー タ ー 

フィ ッ シ ン グ だ そう で 、 会 社 の 同僚 と 毎週 の よう に 海 に 通っ て いる と か 。 や は り 、 原稿 を 書 

く よ り は 人 魚 を 釣る 方 が 好き な よう で 、 誘わ れる と 締め 切り が 近く て も 釣り に 行っ て し まう ぞ 

う で す 。 

<BR Clear=" エ 1gh ヒ "> 

</P> 

















上 具 「 テ ー ブ ル 」 の 「 表 へ の 回 り 込み を 解除 する 」:P.109 参 照 
旧 際 「 ス タイ ル シ ー ト 」 の 「 左 右 へ の 配置 と 回 り 込み を 指定 する 」:P.230 参 昭 
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表 と 回 り 込 ませ た テキ 


<TABLE vspace=" 統 缶 訪 " hspace=" 講 商 旋 ">ー</TABLE> 


縦 間 了 。。 表 の 上 下 の 間 隔 (ビク セル ) 
横 間隔 。 表 の 左右 の 間隔 (ビク セル ) 














右 の 表 に 示す よう に 岡 蔵 さ ん は 
前 5 放 の 易 性 で す 。 近 の 本 
岡 蔵前 一 35 男 | 味 は 、 ソ ルト ウォ ー タ ー フ ィ ッ シン 


伊藤 清治 29 男 | グ だ そう で 、 会 社 の 同僚 と 毎週 の 
GE よう に 海 に 通っ て いる と か 。 や は 
り 、 原稿 を 書く より は 魚 を 釣る 方 が 好き な よう で 、 誘わ れる 
と 締め 切り が 近く て も 釣り に 行っ て し まう そう で す 。 


の 表 に 示す よう に . 
名 前 年 齢 性別 馬 の 
岡本 一 85 男 | ラー タフ 
伊藤 清治 29 男 ッ シ ン グ だ そう 


で 、 
の 同居 と 千 の よ う 

か 。 や は り 、 原書 く < より は 旬 を 的 る 太 が 計 き な よう で 

誘わ れる と 締め に 行っ て し まう て う で す 。 





表 を 左 、 又 は 右 に 配置 し て テキ スト を その 横 に 回 り 込ま せ た 場 合 の 、 表 と の 間隔 を 
有人 】 設定 し ます 。 
た だ し 、 こ の 属性 は 一 部 ブラ ウザ の 独自 拡張 で 、HTML4.0 で は 定義 8 れ て いな い 
も の で す 。 表 と テキ スト の 間隔 ( 表 の マー ジン ) を 指定 し た い 場 合 に は 、 ス タイ ル シ ー 
ト を 利用 する の が 正しい や り 方 で す 。 


ll 


3 <HTML 1ang="]a"> 
多 <HEAD> 
<TTTLE> 回 り 込 み テ キス ト の 剛 隔 サン ブル </TTTLE> 
< く /HEAD> 
<BODY> 
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<TABLEE border="2" a11gn="1eFt" Yspace="10" hspace="30"> 
< く TR> 

<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 性 別 </TH> 

< く /TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 
< く /TR> 

<TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 
< く /TR> 

< く / TABLE> 


<P> 

右 の 表 に 示す よう に 、 岡 蔵 さん は 現在 35 歳 の 男性 で す 。 最近 の 趣味 は 、 ソ ルト ウォ ー タ ー 
フィ ッ シ ン グ だ ぞう で 、 会 社 の 同僚 と 毎週 の よう に 海 に 通っ て いる と か 。 や は り 、 原稿 を 書 
く よ り は 秋 を 釣る 方 が 好き な よう で 、 誘わ れる と 締め 切り が 近く て も 釣り に 行っ て し まう ぞ そ 
う ぞ で す 。 

<BR cl1ear="1efF 上 "> 

</P> 


</ BODY> 
</HTML> 








旧 孤 「 ス タイ ル シ ー ト 」 の 「 マ ー ジ ン を 設定 する 」:P.205 参 照 


テー ブル 








[どちら 側 の 表 に 対し て 解除 する か 】 














left 左側 の 表 に 対す る 回 り 込み を 解除 デー 
right 右側 の 表 に 対す る 回 り 込み を 解除 8 
al 両側 の 表 に 対す る 回 り 込み を 解除 





右 の 表 に 示す よう に 、 岡 蔵 さ ん 々 は 名 前 年 齢 性 別 
現在 35 歳 の 男性 で す 。 岡 蔵前 一 85 男 


伊藤 清治 29 男 
最近 の 引 味 は 、 ソル トウ ォ ー タ ー フ ィ ッ シン グ だ 
の 同僚 と 毎週 の よう に 海 に 通っ て いる と か 。 や は り 原生 を 
書く より は 魚 を 釣る 方 が 好き な よう で 、 誘わ れる と 締め 切り 
が 近く < て も 釣り に 行っ て し まう そう で す 。 


人 に 岡 蘭 さ ん 名 前 御 齢 性 別 


(は 現在 35 歳 の 男性 で す 。 開 剛一 0。 見 


伊藤 清治 9 男 


了 の よ かみ ー フ バシ ング だ そう う で 、 会 
59 村 き よう で 、 読む れる と 締 の け リ 
)K で 5 本 2 て し まう も う で す 。 





7 人 請 ま を 左 、 又 は 右 に 配置 し て テキ スト を その 横 に 回 り 込 ませ た 場合 の 、 回 り 込み を 王 還 還 





We 
負 】 解除 し ます 。 表 
た だ し 、HTML で 回 り 込み を 制御 する た め の 属 性 は 廃止 予定 な っ て いま す の で 、 を 
スタ イル シー ト を 使っ た 方 が よい で し ょ う 。 る 
⑳ <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
220 "http: / /www .w3 .org/TR/REC-htm140/1oose .dtd"> | 
回 <HTML 1ang="]a"> 
< く HEAD> 
<TTTLE> 表 へ の 回 り 込み 解除 サン ブル </TTTLE> 
</HEAD> 
<BODY> 
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<TABTLE border="2" a11gn=" ェ ight"> 

< く TR> 

<TH> 名 前 </ TH><TH> 年 齢 </TH><TH> 性 別 </TH> 
</ TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 
</TR> 

く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 
</TR> 

</ TABLE> 


ぐ P> 

右 の 表 に 示す よう に 、 岡 蔵 さん は 現在 35 歳 の 男性 で す 。 

<BR C1ea エ =" エ 1q9h ヒ "> 

最近 の 趣味 よ 、 ソ ルト ウォ ー タ ー フ ィ ッ シン グ だ ぞう で 、 全社 の 同 誠 と 半 の よう に 湖 に 通っ | 
て いる と か 。 

や は り 、 原生 を 書く より は 魚 を 釣る 方 が 好き な よう で 、 誘わ れる と 締め 切り が 近く て も 釣り 
に 行っ て し まう そう で す 。 

< く /P> 


</ BODY> 
</ HTML> 








上 「 テ ー ブ ル 」 の 「 表 に テキ スト を 回 り 込ま せる - 表 の 位置 指定 -]:P.106 参 照 
上 l 孤 「 ス タイ ル シ ー ト 」 の [回 り 込み を 解除 する 」 :P.231 参 昭 


テー ブル 


セル を 連結 9 


<TH rowspan=" 縦 方 向 の 連結 数 ">ー</"mH> 
<TH co1span=" 村 方 向 の 運 結 数 ">ー</TH> 
<TD rowspan=" 締 方 向 の 通 結 数 ">ー</TD> 
<TD co1span=" 半 方 向 の 台 結 数 ">ー</mD> 








終 方 向 の 連結 数 その セル か ら 下 方 向 へ 連結 する セル の 数 
横 方 向 の 連結 数 その セル か ら 右 方 向 へ 連結 する セル の 数 








会 員 地域 
癌 巧 棚 一 男 
伊藤 清治 男 札 幌 


会 員 地域 
大 衣 一 男 


伊藤 清治 男 札幌 


山田 花子 攻 山田 花子 女 





7 人 譲 この 居 性 を 利用 する と 、 指 定 し た 数 の セル を 1 つ に し た セル を 作成 する こと が で き 
月別 ます 。 
rowspan 属 性 は その セル か ら 下 方 向 に 、colspan 悦 性 は その セル か ら 右 方 向 に 、 複 数 
の セル 分 の 領域 を 持っ た 1 つの セル を 作成 し ます 。 


Gy <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / / EN" 
ンク "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> | 
<HTMIL, ]ang="]a"> 

< く HEAD> 

<TTTLE> セ ル の 連結 サン ブル </TTTLE> 

</HEAD> 

<BODY> 

<TABLE border="2 リ > 

< く <TR> 

<TH oo1span="2"> 会 員 </ 呈 > 

<TH> 地域 </TH> 

</TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD> 

<TD> 男 </TD> 

<TmD rowspan="3"> 札 幌 </TD> 

</TR> 


9 
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<TR> 
<TD> 伊 藤 清治 </TD> 
<TD> 男 </TD> 

</TR> 

<TR> 

<TD> 山 田 花子 </TD> 
<TD> 女 </TD> 

く /TR> 

</ TABLE> 

</ BODY> 

</ HTML> 








セル の 連結 に 関す る HTML4.01 で の 仕様 変更 


HTML4.01 で は 、 セ ル の 連結 に 関し て 、 一 部 の 仕様 が 変更 に な り ま し た 。 

変更 され た の は 、 本 書 の 解説 で は 特に 触れ て いな い の で す が 、 rowspan 属 性 と colspan 
属性 の 値 と し て 「0] を 指定 し た 場合 の 表示 方 法 に 関す る 部 分 で す 。 具体 的 に どう 変更 さ 
れ た の か と いう と 、HTML4.0 で は 値 と し て 「0」 が 指定 され る と 、 そ の セル 以降 の すべ て 
の セル が 連結 され る こと に な っ て いた の で す が 、HTML4.01 で は 、 そ れ が グル ー プ 内 
(THEAD・TBODY・TF00T ・COLGROUP) の すべ て の セル と いう よう に グル ー プ の 
範囲 に 限定 され まし た 。 5 

いずれ に し て も 、 こ の 指定 方 法 は 現在 で は 利用 で きま せん の で 、 あ くま で 知識 と し て 
持っ て いて くだ さい 。 
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<TH width=" 訪 " height=" 高 さ ">ー</TH> 
<TD width=" 訪 " height=" 高 さ ">ー</TD> 











岡 蔵 衣 一 
伊藤 清治 伊藤 清治 29 











wid 由 属性 は セル の 幅 を 、heigh 属 性 は セル の 高 さ を ピク セル 単位 で 設定 し ます 。 
た だ し 、 こ れ ら の 属性 は 廃止 予定 と な っ て いま す の で 、 ス タイ ル シ ー ト を 利用 し た 
方 が よい で し ょ う 。 





SO 
SS 
QN 


< く !DOCTYPE HTMTL PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"hp : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> | 

<HTML, ]ang="]a"> 

<HEAD> 

<TTTLE> セ ル の 大 き さ ざさ 指定 サ ンプ ル </TTTLE> 

</HEAD> 

< く BODY> 

<TABLE border="2"> 

<TR> 

<TH width="120" height="50"> 名 前 </TH> 

<TH> 年 齢 </TH><TH> 性 別 </TH> 

</TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 

</TR> 

く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 

</TR> 

</ TABLE> 

</ BODY> 

</HTML> 


ぶ 寺 記 護 昌 








旧 「 ス タイ ル シ ー ト 」 の 「 幅 と 高 さ を 指定 する 」 :P.219 参 照 


テー ブル 調 凍 護 


ぶ 寺 層 癌 | 
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<TmR a1ign=" 機 位置" va1ign=" 終 位置 ">ー</TR> 
<TH a1ign=" 機 位 計 " va1ign=" 統 位置 ">ー</TH> 
<TD a1ign=" 機 位置 " va1ign=" 縦 位置 ">ー</TD> 


<TmHEAD a1ign=" 閥 位置 " va1ign=" 縦 位置 ">ー</THEAD> 
<mBODY a1ign=" 半 位置 " va1ign=" 縦 位置 ">ー</TBODY> 
<TFOOT a1ign=" 模 位置 " va1ign=" 統 位 置 ">ー</TFOOT> 

<COrL a11gn=" 半 位 置 " va1ign=" 位 置 ">ー</COL> 
<COLGROUP a1ign=" 機 位置 " va1ign=" 統 位置 ">ー</COLGROUP> 












































【 横 位置 

_left 左 揃え (<TD> の デフ ォ ルト ) 時 党 刺 

_right 右 揃え も 呈 

_oenter 。 中央 揃え (<TH> の デフ ォ ルト ) 

000 隊 020 3 
char 特定 の 文字 の 位置 (小数 点 な ど ) 

【 終 位置 

LODI 一 も で に ミ 5 を) 寺 1 語 
middle 。 中 央 (デフ ォ ル ト ) を ド 3 

_bottom トト ue に ー 
baseline 横 方 向 の 列 で の ] 行 目 の バ ー ス ライ ン 

、 ternetEExplorer 。 。 。  。 TetscmpeTNavigator 

ーー ター ーーー align="left” align="center” align=" right" 
ーー 由 に と で velign=~top~ は 。 人 軒 ニー 人 
valian=-midde" 位置 位置 机 elen- middie 位置 位置 同 
| 

aign="bottom" 位置 G | 位置 Hd ai valign=~bottom~ 位置 G 位置 H | 








し ます 。 


align 属 性 は セル 内 で の 横 方 向 の 表示 位置 を 、valign 属 性 は 縦 方 向 の 表示 位置 を 設定 


HTML4.0 か ら は 、align 属 性 の 値 と し て [char」 が 採用 され 、 小 数 点 な どの 位置 を 増 
える こと が で きる 仕様 と を なり ま し た 。 こ の 場合 、char 属 性 で 位置 を 揃え る 文字 (デフ ォ 
ルト は 小数 点 ) を 指定 し 、charofH 必 性 ( 値 は ピク セル また は め %) で 位置 を 指定 し ます 。 

し か し 、[「justiy」 と 同様 、 現 在 は 、 ほ と ん どの プラ ウザ で サポ ー ト され て いな いよ 


う で す 。 
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び < く !DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
の "http : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> dl 
<HTMTL, ]ang="]a"> 

<HEAD> 

<TTTLE> セ ル 内 の テキ スト の 位置 え サン ブル </TTTLE> 

</ HEAD> 

<BODY> 

<TABTLE border="2"> 

< く TR> 

< く TH></ TH> 

<TH>a11gn=gquot : 1eFt&quot : </ TH> 
<TH>a]11gn=&gquo : Center&quo : </ TH> 
<TH>a11gn=gquot :r1ghtgquot : </ TH> 

< く /TR> 

<TR で a11gn="EOD"> 

<TH height="80">va1ign=&quot : toD&quot : </ TH> 
<TD a1ign="1eFE"> 位 置 人 </mD> 

<mD a1ign="CenEe て "> 位置 B</TD> 

<TD a1ign="r1ight" > 位置 で </TD> 

< く /TR> 

<TR va1ign="middlem> 

<TH height="80">va1ign=&gquot:m1dd1egquo : </ TH> 
<TD a1ign="1eFt> 位 置 D</mD> 

<TD a1ign="Center"> 位 置 </mD> 

<TD a1ign="right"> 位 置 F</TmD> 

</TR> 

<TmR Ya1ign="botom"> 

<TH height="80">va11gn=&quot : bottom&quo : </ TH> 
<TD a1ign="1eFE"> 位 置 G</TD> 

<TD a1ign="Center"> 位 置 H</TD> 

<TmD a1ign="r1ight"> 位 置 エ </mD> 

</TR> 

</ TABTLE> 

</ BODY> 

< く /HTML> 








旧 泊 「 テ ー ブ ル 」 の 「 横 列 を グル ー プ 化す る 」:P.118 参 昭 
旧 際 「 テ ー ブ ル 」 の 「 縦 列 を グル ー プ 化す る 」:P.120 参 昭 
旧 了 「 テ ー ブ ル 」 の 「 縦 列 に 幅 や 行 揃え を まとめ て 指定 する 」 :P.12 ら 参照 


テー ブル 





セル 内 で の 改行 を 


< 中 旧 nmOW エ ap>ーー く / 下 旦 > 
<TD nowrap>ー</TD> 








通常 の 状態 
名 前 人 所 | 


岡 蔵 〒o60- 


1234 北海 道 札幌 市 中 央 区 大 通り 西 10 丁 目 
衣 一 20-30 第 ブル ー ビ ル 21F | 





owap 必 性 で 自動 87ac 行 を 禁止 し た 状態 


名 前 住所 
岡 項 欄 一 〒060-1234 北海 道 札幌 市 中 央 区 大 通り 西 10 目 20 









通常 の 状態 


名 前 住所 
上 朋 一 了 げ 090-1294 和室 入 過 7 谷 19T 20-90 上 カ レー ビル 21F 
rowap 販 で 自動 2X 行 を 禁止 し た 杖 了 


名 前 住所 
岡 蔵 隊 一 〒060-1234 北海 道 札幌 市 中 央 区 大 通り 西 10 丁 目 20-30 5 ブ ルー ビル 21F 





通常 の 状態 





名 前 住所 本 
〒060-1234 北海 道 札幌 市 中 央 区 大 通り 西 10 丁 目 
呈 6-30 Ed 


mowrap 属 性 で 自動 Ba 必 行 を 禁止 し た 状態 


名 前 住所 
岡 茂 龍一 〒O60-1234 北海 道 札幌 市 中 央 区 大 通り 西 10 丁 目 20ー 











通常 の 状態 
ーー 由 
表 岡 共 障 一 〒060-1234 北海 札幌 市 中 央 区 大 通り 西 10 丁 目 20-30 第 5 ブレー ビル 21F 
を mowrap 属 人 で 自動 BacX 行 を 禁止 し た 状態 
作 名 前 住所 
る 岡 茂 蘭 一 〒060-1234 北海 札幌 市 中 央 区 大 通り 西 10 丁 目 20-30 第 5 ブレー ビル 21F 











解 通常 、 セ ル の 表示 幅 は ウイ ンド ウ の 幅 な ど に 合わ せ て 自動 的 に 調整 され る た め 、 セ 
表記 ル 内 の テキ スト が 長い 場合 に は 、 自 動 的 に 改行 され て し まい ます 。 こ の 自動 的 な 改 

行 を 禁止 する の が nowrap 属 性 で す 。 
この 属性 を 指定 する と 、 意図 的 に 改行 させ な い 限 り 自 動 的 な 改行 は 行わ れ な く な り 
ます 。 
この 属性 は 廃止 予定 と な っ て いま す の で 、 本 来 は スタ イル シー ト (white-space: no 
wrap) を 利用 し た 方 が よい の で す が 、 現在 の と ころ ほとん どの プラ ウザ で サポ ー ト さ 
れ て いな いよ う で す 。 
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< く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Trans1tiona1 / /EN" 
"http : / /www .W3 . ord/TR/REC-htm140/1oose .QEd"> | 

<HTMTL, ]ang="]a"> 

<HEAD> 

<TTTLE> セ ル 内 で の 改行 の 禁止 サン プル </TTTLE> 

</HEAD> 

< く BODY> 


<P> 通 常 の 状態 </P> 

<TABTLE border="2"> 

< く TR> 

<TH> 名 前 </TH> 

<TH> 住 所 </TH> 

</TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD> 

<TD>〒060-1234 北海 道 札幌 市 中 央 区 大 通り 西 10 丁 目 20 一 30 第 5 ブル ー ビ ル 21F 
< く /TD> | 
</TR> 

</ TABLE> 


<P>nowrap 属 性 で 自動 的 な 改行 を 禁止 し た 状態 </P> 
<TABLE border="2"> 

<TR> 

<TH> 名 前 </ TH> 

<TH> 住 所 </TH> 

</TR> 

<TR> 

<TD nowrap> 岡 蔵 龍一 </TD> 

<TD nowrap>〒060-1234 北海 道 札幌 市 中 央 区 大 通り 西 10 丁 目 20 一 30 第 5 プルー 
ピル 2 1F</mD> 

</TR> 

</ TABLE> 


< く / BODY> 
< く /HTML> 








テー ブル 








<TmHEAD>ー</THEAD> 表 の ヘッ ダ 部 分 
<TFOOT>ー</TFOOT> 一 表 の フッ タ 部 分 
<TBODY> 一 </TBODY>  ~ 表 の 本 体 ( デ ー タ ) 部 分 


伊藤 清治 29 則 


解 
説 
ーー 器 
に 8 
2 
作 
る 
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個人 情報 
ュー 名 前 年 齢 性 別 
コ 岡 巧 本 一 85 男 


伊藤 清治 pe 秀 


表 の 横 方 向 の 列 を 、 ヘ ッ ダ ・ 本 体 ・ フ ッ タ の 各部 分 と し て 、 ま と め て グル ー プ 化す 
る 場合 に 利用 し ます 。 

これ に よっ て 、 そ の 範囲 全体 に 対し て 属性 や スタ イル シー ト を 指定 で きる よう に な 
る ば か り で な く 、 将 来 プ ラウ ザ が 対応 すれ ば 、 ヘ ッ ダ と フッ タ を 固定 し た 状態 で 本 
体 部 分 を スク ロー ル し た り 、 印刷 時 に 各 ペ ー ジ に ヘッ ダ と フッ タ を 印刷 する こと な 
ど が 可能 に な り ま す 。 

これ ら の 要素 は 、 表 の 本 体 ( デ ー タ ) 部 分 が 完全 に ロー ド さ れる 前 に フッ タ を 表示 で 
きる よう に 、 必 ず THEAD 要 素 ・TFOOT 要 素 ・TBODY 要 素 の 順に な る よう に 記述 
し て くだ さい 。TBODY 要 素 は 、 必 要 に 応じ て 複数 配置 する こと が で きま す 。 
この サン プル で は 、 ヘ ッ ダ 部 分 と 本 体 部 分 に 対し て 、class 属 性 を 使用 し て スタ イル 
シー ト を 適用 させ て いま す 。 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTMTL, 4.0 Transitiona] / / EN" 
"http: / /Www .W3 . ord/TR/REC-htm140/1oose .dtd"> 月 
<HTML, ]ang="]a"> 
< く HEAD> 
<TTTLE> 横 列 の グル ー プ 化 サ ンプ ル </TTTLE> 
<STYLE type="tex 上 /Css"> 
SNー 補 
.tab1eheader { 
CO1o エ : #FFFFFE: 
background-co]1or: #006666 


-tab1edata { 
background-Co1or: #FEFFFEE: 
} 
ーー デ 
</ STYLE> 
</HEAD> 
<BODY> 
<TABLE border="2"> 
<THEAD class="tabl1eheader"> 
< く TR> 
<TH co1span="3"> 個 人 情報 </TH> 
< く /TR> 
< く TR> 
<TH> 名 前 </ TH><TH> 年 齢 </TH><TH> 性 別 </TH> 
< く /TR> 
</ THEAD> 
<TmTBODY c1ass=" て tab1edata"> 
< く TR> 
<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD> 
く /TR> 
< く TR> 
<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </TD> 
</TR> 
</ TBODY> 
</ TABLE> 
< く / BODY> 
< く /HTML> 








旧 了 「 テ ー ブ ル 」 の 「 表 内 の セル を 区 切る 線 の 表示 形式 を 指定 する :P.100 参 昭 
旧 「 テ ー ブ ル 」 の 「 セ ル 内 の テキ スト の 位置 を 指定 する 」 :P.1 1 参照 


テー ブル 





<COLGROUP span=" 締 列 数 ">ー</COLGROUP> 
<COLGROUP span=" 烈 数" wiqth=" 訪 ">ー</COLGROUP> 








縦列 数 


、 グ ルー プ 化 する 縦列 の 数 (省略 し た 場合 は ) ョ 


ピク セル ・%・* 





20 代 8 401254 
30 代 85 612 848 


40 代 55 312 288 








解 
Bi 
= 
1】 
表 旬 
を 較 の 
る 
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表 の 縦列 を (構造 的 な 意味 で ) ま と め て グル ー プ 化す る 場合 に 利用 し ます 。 
これ に よっ て 、 複 数 の 縦列 に 対し て 、 ま と め て 幅 や 行 揃え な どの 属性 や スタ イル シー 
ト を 指定 で きる よう に な り ま す 。 設定 し た グル ー プ 内 で 、 更 に 縦列 に 対し て 個別 の 
指定 を し た いり 場合 に は 、 次 に 説明 する COL 要 素 を 使用 し ます 。 こ の 場合 は 、span 属 
性 は COLGROUT 要 素 で 指定 せ ず に 、COL 要 素 側 で 指定 する よう に し て くだ さい 。 
COLGROUP 要 素 は 、 配置 する 位置 に 注意 が 必要 で す 。TABLE 要 素 と それ に 続く 
CAPTION 要 素 が あれ ば その 直後 で 、THEAD 要 素 ( な けれ ば TR 要 素 ) よ り も 前 の 位 
置 に 配置 する よう に し て くだ さい 。 ま た 、 こ の 要素 の 内 容 と し て 配置 で きる の は 、 
COL 要 素 だ け で す 。 終了 タグ </COLGROUP> は 、 省 略す る こと も 可能 で す 。 

この サン プル で は 、 最 初 の 縦列 に 対し て 、 ス タイ ル シ ー ト で 色 を 指定 し て いま す 。 


<!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona] / /EN" 
"http : / /www .W3 . org/TR/REC-htm140/1oose .dtd"> | 
<HTMT, 1]ang="]a"> 
< く HEAD> 
<TTTLE> 縦 列 の グル ー プ 化 サ ンプ ル </TTTLE> 
<STYLE TYPE="t 上 ex 上 /Css"> 
そ 沿 ーー 
.tab1eheader { 
background-co]1or: #006666: 
COo1or: #FFFFFE: 
8) 
ーー> 
</ STYLE> 
</HEAD> 


<BODY> 

<TABTLE border="2"> 

<COLGROUP class="tab1eheader"> 

<COLGROUP span="3" width="60" a1ign="right"> 

< く TR> 

<TH>20 代 </TH><TD>8</TD><TD>401</TD><TD>254</TD> 
</TR> 

< く TR> 

<TH>30 代 </TH><TD>85</TD><TD>612</TD><TD>348</TD> 
</TR> 

く TR> 

<TH>40 代 </TH><TD>55</TD><TD>312</TD><TD>288</TD> 
</ TR> 

</ TABLE> 

</ BODY> 

</HTML> 











旧 具 「 テ ー ブ ル 」 の 「 表 内 の セル を 区 切る 線 の 表示 形式 を 指定 する 」:P.100 参 昭 
旧 際 「 テ ー ブ ル 」 の 「 セ ル 内 の テキ スト の 位置 を 指定 する 」:P.114 参 照 
上 l 具 Tip「I 上 J に よる 幅 や 高 さ の 割合 の 指定 ]:P.170 参 照 


テー ブル 








に 幅 や 行 揃え る 


<COL span=" 縦列 数 "> 
<COL span=" 和 烈 数 " wiqth=" 太 "> 

















- 縮 多数 属性 を まとめ て 指定 する 終 列 の 数 ( 省 四 し た 場合 は 1) 
幅 ピク セル ・%・* 
。 TarermetExplorer 。 netwempeTavigmeor 


「 「 名 前 年 齢 体重 性別 
| 名 前 年 齢 体重 性 別 岡 蔵 龍一 85 0 画 
岡本 35| 70| 男 伊藤 清治 9 4 画 
伊藤 清治 29| 64| 男 山田 花子 22 45 攻 


山田 花子 22| 45| 女 











表 の 縦列 を 構造 的 に ダル ー プ 化す る の で は な く 、 幅 や 行 揃え な どの 属性 や スタ イル 

良 誠 シー ト を まとめ て 指定 し た い 場合 に 利用 し ます 。COL 要 素 は 、 配置 する 位置 に 注意 
が 必要 で す 。 TABLE 要 素 と それ に 続く CAPTION 要 素 の 直後 で 、THEAD 要 素 ( な 
けれ ば TR 要 素 ) よ り も 前 の 位置 に 配置 する よう に し て くだ さい 。 





で ① <TABLE Dorder="2"> 
ん <COL。 width="120"> 
(<COL, span="2" a1ign="right"> 
<COL a11gn= "Center"> 
<TR> 
<TH> 名 前 </TH><TH> 年 齢 </TH><TH> 体 重 </TH><TH> 性 別 </TH> 
se </TR> 
生 和 re <TR> 
雪 <TD> 岡 蔵 龍一 </TD><TD>35</TD><TD>70</TD><TD> 男 </TD> 
作 </TR> 
る <TR> 
<TD> 伊 藤 清治 </TD><TD>29</TD><TD>64</TD><TD> 男 </TD> 
く /TR> 
< く TR> 
<TD> 山 田 花子 </TD><TD>22</TD><TD>45</TD><TD> 女 </TD> 
</TR> 
</ TABTLE> 








旧 「 テ ー ブ ル 」 の 「 表 内 の セル を 区 切る 線 の 表示 形式 を 指定 する 」:P.100 参 昭 
旧 脈 「 テ ー ブ ル 」 の 「 セ ル 内 の テキ スト の 位置 を 指定 する 」:P.1 1 4 参照 
上 上 Tip「「 人 ] に よる 幅 や 高 さ の 割合 の 指定 ]:P.1 70 参 照 
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URL 画像 ファ イル の URL 
_ 幅 画像 の 幅 ( ビ クセ ル ま た は %) Em 
高 さ 画像 の 高 さ ( ビ クセ ル ま た は %) 














、 代替 文字 画像 の 代わ り と な る テキ スト 








HTML 文 書 内 に 画像 を 配置 する 場合 に 使用 し ます 。 

月 計画 像 の 形式 と し て は 、 一 般 に GIF・JPEG・PNG 形 式 が 利用 で きま す 。 
wid 由 属性 と height 属 性 は 、 そ れ ぞ れ 画 像 を 実際 に 表示 させ る 幅 と 高 さ を 指定 し ます 。 
画像 の 実 サ イズ 以外 の 値 を 指定 する こと も 可能 で す 。 こ れ ら を 指定 し て お く こ と で 
画像 を 表示 させ る スペ ー ス が 確保 で きる の で 、 画 像 デー タ が 完全 に ロー ド さ れる 前 
に 、 そ の 後 の 内 容 も 表示 で きる よう に な り ま す 。alt 属 性 に は 、 画 像 が 表示 で き な い 
場合 に 画像 の か わり に 表示 させ る テキ スト を 指定 し ます 。 こ の 属性 は [画像 の 説明 ] 
で は な く 、 あ くま で [画像 の 代わ り に 表示 させ る テキ スト ] で す の で 、 前 後 の 文脈 を 
よく 考え て 、 意味 が 通る も の を 指定 し て くだ さい 。 
な お 、HTML4.0 で は 、src 属 性 と al 属性 は 必ず 指定 する 決ま り に な っ て いま す 。 


引 の ひい t 陣 司 尺 惑 国 


<BODY bgco1or="wh1te"> 

く P> 

<TMG sro="../1mages/Fish.91fF" width="230" height="145" 
a1t モ =" サン プル 画像 "> 朋 
く / P> 

</ BODY> 








卓 「 ア クセ シビ リティ 」 の [画像 の 代わ り の テキ スト を 指定 し て お く 」:P.238 参 昭 
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画像 の 枠 線 を 設定 する 


< く TMG sroC="ORr" a1 モ =" 代 苺 駐 字 " border=" 克 の 大 さ "> 


枠 の 太 





付 


ピク セル 





リン ク し て いる 場合 リン ク し て いる 場合 


※ 左 か ら 、「border="O"」「border 属 性 ね し 」「border="5" 


人 @④ |@|④| 


※ 左 か ら 、 「border="C」「border 属 性 な し 」「border= 5"」 


リン ク し て いな い 場 合 





解 画像 の 回 り に 表示 され る 梓 の 太 さ を 設定 し ます 。 
包 記 一 般 的 な プラ ウザ で は 、 通 常 は 枠 が 表示 され て いま せん が 、 こ の 属性 を 指定 する こ 
と で 棒 が 表示 され る よう に な り ま す 。 ま た 、 画 像 を リン ク さ せる よう に する と 、 そ 
れ を 示す た め に 枠 が 自動 的 に 表示 され ます が 、 こ の 枠 の 大 さ も 同様 に 設定 で きま す 。 
この 場合 、 枠 の 太 さ に 0 を 指定 する こと で 棒 を 消す こと も で きま す 。 
た だ し 、 こ の 属性 は 廃止 され る 予定 と な っ て いま す の で 、 梓 の 太 さ を 設定 する 場合 
に は 、 ス タイ ル シ ー ト を 利用 し た ほう が よい で し ょ う 。 


"http : / /Www .w3 . org/TR/REC-htm140/1oose .dtd"> 
<HTML, ]ang="]a"> 
<HEAD> 
<TTTLE> 画 像 の 枠 線 サ ンプ ル </TTTLE> 
< く /HEAD> 
<BODY bgco1or= "white"> 


1 
る 
に 2 たよ て > KO <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 時 
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<H1> リ ンク し て いる 場合 </H1> 

< く P> 

※ 左 か ら 、 「border=" 0"」「border 属性 な し 」「border=" 5" 」 <BR> 

<A href="next .htm1 "> 

<TMG src="../1mages/1eaF.g1iF" width="140" height="100" 
a1 モ ="" border="0"></A> 有 
<A hrefF="next .htm1 "> 

<TMG src=" ../1mages/1eafF.gifF" width="140" height="100" 
a1 上 =" "> く </A> 朋 
<A href="next .htm1 "> 

<TMG sro="../1mages/1eafF.qifF" width="140" height="100" 
a1 モ ="" border=W5W></ 入 > 旨 
</P> 


<H1> リ ンク し て いな い 場 合 </H1> 

く P> 

※ 左 か ら 、「border 属性 な し 」「border="2"」「border="5"」 <BR> 

<TMG sro=" ../1mages/1eaf.g1fF" wiqdth="140" height="100" 
a1 ヒ =" "> | 
<TMG sro="../1mages/1eaf .gifF" width="140" height="100" 
a1 モ ="" border="2"> 朋 
<TMG sro="../1mages/1eafF.g1fF" width="140" height="100" 
a1 ヒ ="" border="5 リ "> 則 
</ PB> 


</ BODY> 
</ HTML> 











旧 了 「 ス タイ ル シ ー ト 」 の 「 枠 の 太 さ を 指定 する 」:P.220 参 照 
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【 位 置 】 

、tOp ” 画像 の F と テキ スト の 上 を 揃え る 。 

middle 。 画像 の 中 心 と テキ スト の ペー スラ イン を 揃え る 
bottom 画像 の 下 と テキ スト の ペー スラ イン を 揃え る (デフ ォ ルト ) 























mdQ elemenlt 





解 画像 (IMG 要 素 ) は 、 テ キス ト の 行 の 中 に 配置 する こと が で きる イン ライ ン 要 素 で す 。 
月 】 align 属 性 は 、1 つ の 行 の 中 に 画像 と テキ スト が 含ま れる 場合 の 、 画像 と テキ スト の 
縦 の 位置 関係 を 設定 し ます 。 た だ し 、 こ の 属性 は 廃止 予定 と な っ て いま す の で 、 ス 

タイ ル シ ー ト を 使っ た 方 が よい で し ょ う 。 


7 < く !DOCTYPE HTML, PUBLTC "-//W3C/ /DTD HTMT, 4.0 Transitiona1 / /EN" 

ンジ "hp : / /Wwww .w3 . org/TR/REC-htm140/1oose .dtd"> | 
中 <HTMT 1ang="]a"> 

<HEAD> 

<TTTLE> 画 像 と テキ スト の 縦 の 位置 関係 サン プル </TTTLE> 

</HEAD> 

<BODY bgco1o エ ="#FFFFFF "> 
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<P>a11gn に 

<TMG rc="../1images/1eaF.g1Fm width="140" height="100" 
a1 ユ 上 ="m a11gn="EoOD"> | 

top を 指定 

</P> 


<P>a1ign に 

<T エ MG gro="../1mages/1eaf.g1ifm width="140" height="100" 
a1 モ ="m a1ign="midQdle"> 2 

midd1e を 指定 

</P> 


<P>a1ign に 

<TMG sro="../1mages/]1eafF.g1fm width="140" height="100" 
a1 モ ="" a11gn= "DotEom"> 朋 

jottom を 指定 

く / P> 


</ BODY> 
</ HTML> 








旧 陸 「 ス タイ ル シ ー ト 」 の 「 給 向 の 位置 関係 を 指定 する 」:P.208 参 昭 
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る と 、 


て 
f」 を 

LA 9 
画像 ヒデ キス ト と の 間隔 を 設定 する こと が で きま す 。 | HI06' 間 9 2 


性 を 使用 し ます 。 ま た. の 


6 す の MA を し 際 す る 
BR 要素 の clear 属 


し 
除 と テキ スト と の 間 





解 画像 を 左 、 又 は 有 に 配置 し て 、 そ の 反対 側 に テキ スト を 回 り 込ま せま す 。 
表記 回 り 込 み を 解除 し た い 場 合 に は 、<BR> の clear 属 性 を 使用 し て くだ さい 。 た だ し 
これ ら の 属性 は 廃止 予定 と な っ て いま す の で 、 ス タイ ル シ ー ト を 使っ た 方 が よい で 
し ょ う 。 


⑳ < く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 //EN" 
2 講 "http://www.w3.org/TR/REC-htm140/1oose.dtd"> 

<HTML, 1ang="]a"> 

く HEAD> 

<TTTLE> テ キス ト の 回 り 込 み サ ンプ ル </TTTLE> 

</ HEAD> 

<BODY bgco1o ェ ="#FEFFFFF"> 

で P> 

<TMG src="../1mages/Eish.g1if" width="230" height="145" 
a1t モ =" サン プル 画像 " a1ign="1efFt"> dl 

TMG 要素 に 対し て 「a11gn="1eft"」 を (中 略 ) 設定 する こと が で きま す 。 

<BR Clear="1efF 上 "> 

く /P> 

</ BODY> 

</ HTML> 


| ぶ t 陣 司 只 給 國 








旧 具 「 画 像 と マル チ メ デ ィ ア 」 の [画像 へ の 回 り 込み を 解除 する 」:P.130 参 照 
上 上 プ 「 ス タイ ル シ ー ト 」 の 「 左 右 へ の 配置 と 回 り 込み を 指定 する 」 :P.230 参 昭 
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縦 問 抽 画像 の 上 下 の 間 隔 (ビク セル ) 


横 間隔 画像 の 左右 の 間隔 (ピク セル ) 




















IMo 要 素 に 対し て 
「align= "lsf"」 を 指定 
する と 、 この よう に 画 
居 が 左側 に 


て 、 それ に 続く テキ 
ト が 右側 に 表示 
ます 。 右側 に 収まり 
きら な い テ キス ト は 、 




























ー 画像 の 下 に 表示 され 隊 5 い 才 E 
ます 。 amecs 必 で この 下 に 表示 され た テキ スト と 画像 の 問 es 
隔 を 指定 で きま す が 、 これ は その テキ スト の 行 の 高 さ に よっ て 徴 人 WC 
ンー 2 人 に 
され ます . 右 


まり キト 






ン N 1 
で で. この 下 に 表示 され た テキ スト と 画 億 と の 剛 
科 が 5 てき 





解 画像 を 左 、 又 は 右 に 配置 し て テキ スト を その 横 に 回 り 込 ませ た 場合 の 、 画像 と の 間 
衣 史 隔 を 設定 し ます 。 
た だ し 、 こ れ ら の 属性 は 廃止 予定 と な っ て いま す の で 、 ス タイ ル シ ー ト を 使っ た 方 
が よい で し ょ う 。 


や < く !DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 CYP 
2 削 。"hEEp://www.w3 .org/TR/REC-htm140/1oose .dtd"> 














四 <HTMTL 1ang="]a"> 
<HEAD> 
<TTTLE> 回 り 込ま せ た テ キス ト と の 間隔 サン プル </TTTLE> 
</HEAD> 
<BODY bgco1o エ ="#FFFFFEF "> 
く P> 


< エ MG Bro="../1images/Fish.g1F" width="230" height="145" 
a1 モ =" サ ンプ ル 画 像 " a11gn="1eFt" vspace="5" hspace="30"> J 
TMG 要素 に 対し て 「a11gn=" 1eft"] を (中 略 ) 高 さ に よっ て 微妙 に 違っ て きま す 。 
<BR cl1ear="1efF 上 "> 

< く /P> 

< く / BODY> 

</ HTML> 








用具 「 ス タイ ル シ ー ト 」 の 「 マ ー ジ ン を 設定 する 」:P.205 参 照 
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[どちら 側 の 画像 に 対し て 解除 する か 】 
left 左側 の 画像 に 対す る 回 り 込み を 解除 本 

ight 右 側 の 画像 に 対す る 回 り 込 み を 解除 二 を ee 記 
ョ 両側 の 画像 に 対す る 回 り 込み を 解除 





の よう | 
置 され て 、 それ に 続く < テキ ス 
が 右側 に 表示 され ます 。 


素 に 対し て 
="lsft'」 を 1 る と 、 
Mi 


置き れ て 、 それ に 
右側 に 表示 され ます 。 


りみ を 解 座 する た め に は 、 BR 枯 乗 の cir 個体 を 使用 





画 解 画像 を 左 、 又 は 右 に 配置 し て テキ スト を その 横 に 回 り 込 ませ た 場合 の 、 回 り 込み を 
和 記 記 解除 し ます 。 
た だ し 、HTML で 回 り 込 み を 制御 する た め の 属 性 は 廃止 予定 と な っ て いま す の で 、 
し スタ イル シー ト を 使っ た 方 が よい で し ょ う 。 
る 
ーー 剛 <P> 
ーー 親 2 
の 


<TMG sro=" ../1mages/fish.qgiF" width="230" height="145" 
過 。 a1t=" サ ンプ ブル 画像 " a1ign="1ef モ "> | 
TMG 要 素 に 対し て 「a11gn="1eft"」 を 指定 する と 、 こ の よう に 画像 が 左側 に 配置 され て 、 
それ に 続く テキ スト が 右側 に 表示 され ます 。 

<BR c1ear="1eFtm> 

く / P> 


く P> 
この 回 り 込み を 解除 する た め に は 、BR 要 素 の c1ear 属 性 を 使用 し ます 。 
く / P> 




















旧 物 「 画 像 と マル チ メ デ ィ ア 」 の [画像 に テキ スト を 回 り 込ま せる - 画像 の 位置 指定 -」:P.128 参 昭 
用 除 「 ス タイ ル シ ー ト 」 の 「 回 り 込み を 解除 する 」:P.231 参 昭 
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画像 を 2 段階 で 表 


く TMG SrC="ORL7" 1owBro="ORz2" a1 モ =" 代 真 文 字 "> 





URL1 


URL 


最終 的 に 表示 され る 画像 ファ イル の URL 
最初 に 表示 させ る デー タ 量 の 少な い 画像 ファ イル の UHL 











デー タ 量 が 多く 、 ロ ー ド に 時 間 が か か り そ う な 画像 を 使用 し た い 場 合 に 、 最初 に 仮 
の デー タ 量 の 少な い 画 像 を 表示 させ て お く こ と が で きま す 。 


この 場合 、 デ ー タ 量 の 多い 画像 の ロー ド と 共に 、 画 像 が 徐々 に 置き 換 わ っ て いき ま 
す 。 画像 デー タ は 、 一 日 読み 込ま れる と 通常 は キャ ッシュ され る た め 、 次 に 表示 さ 
せ た 時 に は デー タ 量 の 少な い 画 像 は 表示 され な く な り ま す 。 

この 属性 は 一 部 プラ ウザ の 独自 拡張 で 、HTML4.0 で は 定義 8 れ て いな いも の で す 
の で 注意 し て くだ さい 。 

<HTML 1]ang="]a"> 

<HEAD> 

<TTTLE> 画 像 を 2 段階 で 表示 させ る サン ブル </TTTLE> 

< く /HEAD> 

<BODY bgco1or= "white"> 

< く P> 


< く TMG srC="../1mages/Fish.g1iF" 1owgrc="../1mages/bw.gifEm 
wi1dth="230" height="145" a1 モ =" サ ンプ ル 画 像 "> | 
</P> 

</BODY> 

</HTML> 
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<TMG 5roC="ORL" a1 モ =" 代 直文 字 " usemap="# マ ッ プ 名 "> 
<MAP name=" マッ プ 名 "> 一 </MAP> 
<AREA shape=" 形 状 " coords=" 秦 大 " hreE="ORr" a1t=" 代 大文字 "> 








Ro イメ ー ジ マッ プ の 名 前 


形状 rect 四角 形 
circle 円 
poly 多角 形 
_ default 全体 
座標 形状 別 の 座標 値 





| | 





解 イメ ー ジ マッ プ と は 、 画像 の 特定 の 領 城 を イマ ウス ・ ク リッ ク に 反応 する よう に し て 、 
月 史 他 の 文書 へ リン ク す る よう に し た も の で す 。 

MAP 要 素 は 、 そ の 内 容 が イメ ー ジ マッ プ の 定義 で ある こと を 示し 、 そ れ に 名 前 を 付 
け ま す 。MAP 要 素 内 で 実際 に クリ ッ ク に 反応 する 領域 と 、 そ の リン ク 先 を 指定 する 
の が AREA 要 素 で す 。 後 は 、IMG 要 素 の uscmap 属 性 で 、 定 義 し た 1 イメー ジマ ッ プ の 
名 前 を 頭 に 「 計 を 付け て 指定 すれ ば 、 イ メー ジマ ッ プ の 完成 で す 。 

AREA 要 素 の coords 属 性 で 指定 する 座標 の 指定 方 法 は 、shapc 属 性 で 指定 する 領域 の 
形状 に よっ て 異な り ます 。 指定 方 法 は 次 の 通り で 、 各 座標 値 は ピク セル 単位 で 「,] で 
区 切っ て 指定 し ます 。 
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coords 属 性 で の 座標 の 指定 方 法 

四角 形 (rect) の 場合 「 左 上 の X 座 標 」・「 左 上 の Y 座 標 」・「 右 下 の X 座標 」・「 右 下 の Y 
座標 」 

円 (circle) の 場合 「 中 心 の X 座標 」「 中 心 の 座標]「 半 径 」 

多角 形 (poly) の 場合 すべ て の 角 の 座標 を 「 X 座標 」・「 Y 座 標 」 の 順 で 指定 














メー0.Y= ニ 0 メニ =41.Y=32 メニ 138.Y=32  X=223.Y=32 








メー114.Y=71 メニ 199.Y=71 X=269.Y=71 X=339,Y=101 


Ri <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
"ht て p: / /Www . w3 . org/TR/REC-htm140/1oose .dtd"> | 
<HTML, 1ang="]a"> 

< く HEAD> 

<TTTLE> イメ ー ジ マッ プ ・ サ ンプ ル </TTTLE> 

< く /HEAD> 

<BODY bgco1or="wh1ite"> 

く P> 

< く TMG src=" ../1mages/1map.]p9g" wi1dth="339" height="101" 
a1 モ =" イ メー ジマ ッ プ ・ サ ンプ ブル 画像 " border="0" usemap=" 拓 nap1"> 上 
<MAP name="map1"> 

< く AREA ghape="rect" coords="41,32,114,71" hreE="prev .htm1" 
a1 モ =" 前 ペー ジ "> | 
<AREA shape="rect" ooords="138,32,199,71" hreE="top.htm1r 
a1 も =" トッ プペ ー ジ "> 2 
<AR 正 A shape="rect 上 " coords="223,32,296,71" hreE="next. 
htm1" a1 モ =" 次 ペー ジ "> 前 
< く /MAP> 

< く /P> 

</BODY> 

</HTML> 


上 の t 隊 本 呈 給 国 








上 孤 「 ア クセ シビ リティ 」 の [画像 の 代わ り の テキ スト を 指定 し て お く 」:P.238 参 照 
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な 形 江 0 テー タ を 本 時 する 





<OBJECT data="ORr" type="M7ME タ イプ " ・・・> </OBJECT> 





URL ” 配置 する デー タ の URL 


MIME タ イプ 配置 する デー タ の MIME タ イプ 





様々 な 形式 の デー タ を 配置 する こと の で きる 汎用 的 な 要素 で す 。 

月 具体 的 に は 、 画 像 ・ 動 画 ・JAVA ア プレ ッ ト ・ プ ラグ イン デー タ ・ 他 の HTMIL 文 書 
な ど を 配置 する こと が で きま す 。 こ の 要素 は 、 現在 デー タ の 形式 ご と に 使わ れ て い 
る 、IMG 要 素 ・APPLET 要 素 ・EMBED 要 素 ・BGSOUND 要 素 な どの 要素 を 統一 
し て 扱え る よう に する 目的 で 作成 され た も の で す 。 こ の 要素 を 使用 する と 、 プ ラウ 
ザ が ここ で 指定 し た 形式 の デー タ を 取り 扱う こと が で きる 場合 は 、<OBJECT> 一 
<7OBJECT> の 間 の 内 容 は 無視 され ます (た だ し 、PARAM 要 素 や MAP 要 素 は 除く )。 
し た が っ て 、 要素 内 容 に は 、 指 定 し た 形式 の デー タ を プラ ウザ が 取り 扱う こと が で 
き な い 場合 に 、 表 示さ せ た い 内 容 を 入れ て お きま す 。 
これ を 利用 し て 、 利 用 し て 欲し い デー タ 形 式 か ら 順 に OBJECT 要 素 を 入れ 子 に し て 
お く と 、 プ ラウ ザ が 利用 可能 な 最も 外側 の デー タ 形 式 が 採用 され る こと に な り ま す 。 
た だ し 、 現在 の と ころ 、 こ の 要素 を 正しく 扱え を る プラ ウザ は ほとん ど あ り ま せん 。 


※ こ の 要素 は 多く の 種類 の デー タ 形 式 を サポ ー ト し て いる た め 、 実際 に は か な り の 
数 の 属性 が あり ます が 、 こ こ で は 省略 し て いま す 。 


KU7 <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
ン "http : / /Www .W3 . or す /TR/REC-htm140/1oose .dtd"> 

<HTMT, 1ang="]a"> 

<HEAD> 

<TTTLE> デー タ 形 式 ・ サ ンプ ル </ TTTLE> 

< く / HEAD> 

<BODY bgco1or="white"> 

く P> 


l の at 隊 司 評 給 国 


<OBJECT data="Fireworks .mpeg" type="app1ication/mpeg"> 
<OBJECT da モ a="『FireworkSs .Jd1F" 上 ype="1mage/91fF"> 

色 鮮 や か な 花 全 が 印象 的 だ っ た 。 

< く /OBJECm> 

< く /OBJECT> 

</P> 

</ BODY> 

</HTML> 
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NN2.0 
し に) し Pm 
プラ グイ ン を 利用 する デー タ を 配置 する = 
<EMBED src="ORL" w1dth=" 方 " height=" 高 さ "> [E 
<NOEMBED> </NOEMBED> - 
IE4.0 
IE5.0 
URL プラ グイ ン が 使用 する デー タ の URL 
幅 ピク セル 
高 さ ピク セル 
nternet Explorer 
セル クシ ルト た モミ スン 2 
画 
像 
を 
配 
置 
す 
る 
SR 
トー ニー 

















EMBED 要 素 は 、 プ ラグ イン 機能 を 利用 する 場合 に 使用 する 要素 で す 
この 要素 は 、OBJECT 要 素 が 定義 され る 以前 に 一 部 の ブラ ウザ が 独自 に 採用 し た も 
の で 、HTML4.0 で は 定義 8 され て いな いも の で す 。 し か し 、 ま だ OBJECT 要 素 が 完 
全 に は 動作 し な い ブ プラ ウザ が 多い た め 、 現 在 で も 利用 され て いま す 。 
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基本 的 に は 前 ペー ジ の 書式 で 紹介 し た 属性 が 利用 で きま す が 、 使 用 する プラ グイ ン 
に よっ て 他 の 様々 な 属性 が 利用 可能 で す 。 詳しく は 、 各 プラ グイ ン の マニ ュ ア ル な 
ど を 参照 し て くだ さい 。NOEMBED 要 素 に は 、 プ ラグ イン が 利用 で き な い 場合 に 
表示 させ た い 内 容 を 入れ て お きま す 。 こ こ で 指定 し た 内 容 は 、 プ ラグ イン が 利用 可 
能 な 場合 に は 表示 され ませ ん 。 


F <!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
"http : / /Www . w3 . org/TR/REC-htm140/1oose .dtd"> 月 


</HEAD> 

<BODY bgco1or= "white"> 

<P a]ign= "cente ェ "> 

<EMBED grC="Crab98 .dCr" width="464" height="372"> 
<NOEMBED> 

この シミ ュ レ ーション を 実行 する た め に は 、 

<A href="hEtp : / /www .macromedia .com/ ">Shockwave ブ プラ グイ ン </A> 
が 必要 で す 。 

</NOEMBED> 

</P> 

</BODY> 

< く / HTML> 


<HTML, 1ang="]a"> 
<HEAD> 
<TTTLE> プラ グイ ン ・ サ ンプ ブル </TTTLE> 
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JAVA アフ レッ 


<APPLET code=" ク ラス ファ イル 名 " width=" 個 " height=" 高 さ ">ー 
</APPLEm> 
<PARAM name="/「 ラ メー タ 名 " va1ue="/ ソ (ラメ ー タ の 値 ">ー</PARAM> 








幅 ” ”"” ビク セル また は % 


高 さ ピク セル また は % 





[人 請 APPLET 要 素 は 、JAVA ア プレ ッ ト を 利用 する 場合 に 使用 する 要素 で す 。 

表記 実際 に は 、 上 の 書式 で 紹介 し た 属性 以外 に も 利用 可能 な 属性 が あり ます が 、 こ こ で 
は 省略 し ます 。<APPLET> 一 </APPLET> の 範囲 に は 、JAVA ア プレ ッ ト が 利用 で き 
な い 場 合 に 表示 させ た い 内容 を 入れ て お きま す 。 こ こ で 指定 し た 内 容 は 、JAVA ア プ 
レッ ト ガ が 動作 可能 な 場合 に は 表示 され ませ ん 。 
PARAM 要 素 を 利用 する と 、 JAVA ア プレ ッ ト 実 行 時 に 必要 な 値 を 指定 し て お く こ と 
が で きま す 。 こ の 場合 、PARAM 要 素 は <APPLET> 一 </APPLET> の 範囲 の 最初 に 記 
述 し て くだ さい 。 
APPLET 要 素 は 廃止 され る 予定 と な っ て お り 、 か わり に OBJECT 要 素 を 使う こと が 
推奨 され て いま す 。 し か し 、 ま だ OBJECT 要 素 が 完全 に は 動作 し な い プ ラウ ザ が 多 
いた め 、 現 在 で も 利用 され て いま す 。 
JAVA ア プレ ッ ト に つい て の 詳細 は 、 専 門 書 を 参照 し て くだ さい 。 


に <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
> "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> | 
<HTMTL, ]ang="]a"> 

< く HEAD> 

<TTTLE>JAVA ア プレ ッ ト ・ サ ンプ ブル </TTTLE> 

< く /HEAD> 

<BODY bgco1or= "white"> 

く P> 

<APPLEF code="col1orchart.clasS" width="475" height="400"> 
JAVA が 利用 で き な い 環境 の 方 は 、<A hrefF="co1orochar 七 2 .htm1 "> 

カラ ー チ ャ ー ト 2</A> を ご 利用 くだ さい 。 

</APPLEm> 

く /P> 

</ BODY> 

< く /HTML> 


| の 隊 司 層 共 国 
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< く FORM ac 上 ion="ORr" method=" 戸 77P メ ソ ッ ド た" enctype="M7ME タ イブ" 
target=" ウイ ンド だ ウ 名 "> 一 </FORM> 








URL ” フォーム を 送信 し て 処理 する プロ グラ ム の URL 
_HTTP メ ソ ッ ド デー タ の 送信 方 法 (get ・post 


_MIME タ イプ 内 容 を 送信 する 際 の MIME タ イプ 


ウイ ンド ウ 名 送信 し た 結果 を 表示 する ウイ ンド ウ ま た は フレ ー ム 名 
。 NetscapeTavigator 。 


お 名 前 : 民 cws taro お 名 前 : idwa hanako 
メー ル : aro@shuwane_p メー ル : hanaeshuwa.ne.jp = 


























で 男性 女性 男性 で 女性 
間 抽 下 章 送信 | クリ | 





解 指定 し た 男 囲 が 、 ユ ー ザ ー が 入力 し て 送信 可能 な フォ ー ム で ある こと を 示し ます 。 

記 記 <FORM> 一 </FORM> の 範囲 に は は 、 ユ ー ザ ー が 入力 や 選択 な どの 操作 を する た め の 
要素 (INPUT 要 素 ・BUTTON 要 素 ・SELECT 要 素 ・TEXTAREA 要 素 ) を 配置 し ます 。 
ユー ザー が 送信 ボタ ン (INPUT 要 素 か BUTTON 要 素 で [ype= "submir'] が 指定 され て 
いる も の ) を 押し た 段階 で や この フォ ー ム に 記入 され た 内 容 は 、action 届 性 で 指定 さ 
れ た URL の CGI プロ グラ ム に 送信 され ます 。 
HTTP メ ソ ッ ド は 、 デ ー タ の 送信 方 法 を 設定 し ます 。「getl を 指定 する と 、 action 属 性 
で 指定 され て いる URL に デー タ を 追加 し た 状態 で 送信 され ます 。 こ の 方 法 は 、 サ ー 
チエ ンジ ン な どの フォ ー ム で よく 利用 され て いま す 。「posr」 を 指定 する と 、 デ ー タ 部 
分 だ けが 送信 され ます 。 一 般 に 、 送 信 す る 内 容 が 日 本 語 で 、 デ ー タ 量 が 多い 場合 に 
は 、 こ ちら を 使用 し ます 。 
encryPe 属 性 で 指定 する MIME タ イプ は 、 デ フォ ルト で は [applicaion/x-www-form- 
urlencoded] に な っ て いま す 。 通常 は これ を 利用 し て CGI で 処理 を 行い ます が 、INPUT 
要素 の [ope="fle"] で ファ イル を 送信 する 場合 に は 、MIME タ イプ に [mulnparform- 
data」 を 設定 し 、HTTP メ ソ ッ ド に は 「postl を 指定 し ます 。 
HTML4.0 で は 、acuon 属 性 で 示す 送信 先 は 必ず 指定 する こと に な っ て お り 、 内 容 を 
送信 し な い 場 合 は FORM 要 素 を 使用 せ ず に 、 ユ ー ザ ー が 入力 や 選択 な どの 操作 を す 
る た め の 要 素 (INPUT 要 素 ・BUTTON 要 素 ・SELECT 要 素 ・TEXTAREA 要 素 ) を 
直接 配置 する こと に な っ て いま す 。 た だ し 、 現 状 で は その よう に する と Netscape 
Navigator で は 入力 フィ ー ル ド や ボタ ン 、 メ ニュ ー な ど が 表示 され な く な り ま す 。 


l の 革 座 ト ー せ コ 
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< く !DOCTYPE HTMI, PUBLTC "-//W3C//DTD HTML 4.0 PP の 


る ん "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 
四 。<HTMT, 1ang="]a"> 
<HEAD> 
<TTTLE> 入力 フォ ー ム ・ サ ンプ ル </ TTTLE> 
</ HEAD> 
< く BODY> 


<FORM action="/Cdi-bin/Forrmmai] .Cdg1" method="poSt 上 "> 
く P> 
<LABEL> お 名 前 : <TNPUT type="text" name="namae"></LABETL,> 
< く BR> 
<LABETL> メー ル : <TNPUT type="tex 上 " name="ema1i]1 "></LABEL> 
</P> 


<P> 

<TNPUT type="radio" name="sex" value="Ma1e"> 男 性 
<TNPUT type="radio" name="sex" value="Female"> 女 性 
< く /P> 


く P> 

<TNPUT type="Submit" Ya]1ue=" 送 信 "> 
<TNPUT type="reset" value=" ク リア "> 
< く /P> 

</FORM> 


</ BODY> 
く /HTML> 











用 「 入 力 フォ ー ム 」 の 「 送 信 ボ タン 内容 の クリ アボ タン を 作る 」:P.148 参 昭 
上 l 具 「 入 カフ ォ ー ム 」 の 「 ボ タン を 作る 」:P.152 参 昭 
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ぶ 革 計 ト ー さ ココ 
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<FORM action="mai1to: メー ル ア だ レス " method="pogt" 
enctype=" MTME タ イブ ">ー</FORM> 








URL メー ル の 送信 先 (mailto:~) 


_MIME タ イブ 内 容 を 送信 する 際 の MIME タ イプ 








お 名 前 : 四 田 花子 
メー ル :anaWyamapon com 


っ 


シン ブル で な か な か いい で す 四 





















] 
に Po の 9 9.36 PH 1999.6.7 +0900,Form posted from Hoziila 丘 較 計 見 


je Form pogted from hezilla 





x_ieiler: Hozillo 4.05 <Hocintosh: 1: PPC 
To noricgWelflsh_com 

subject: Fore posted from iozillo 
Content-tupe: qpplicotion/x_eww-form-ur lencoded 
X-UIOL: 76S632w2dd2627o5fd63154672e05 イ 7 


nmoe=9ERSOSc え 5140 ま 0D4%SEqkemoi | =homo%40Vomoapon_co 












ne 
x_Noiier: Hozillo 4.05 <Hoeintosh: PPC 
To: noricoWelfish_com 

2 Subject: Form posted from Hozilla 
Content-tupe: text/ploin 
Content-0ispomition: inline: forw-doto 
X-UlpL: b912foS8zc299c0q223be7S52 14cb9d 


wm マー > 
oepe シ 2 











enctype='text/plain* 










all hell 4 0 YRecinteni 1 PC 
To noricoWelfish_com 

subject: Form posted from Hozillo 
Content-tupe: multipart/form-doto: boundory=ーーーーーーーー 
1076051715045 

メーUIDL: a7e641fcb3179434029f63bOg15737o 










1076095171504S 





enctype="multipart/form-data* 





入力 フォ ー ム 


記 


入力 フォ ー ム の 内 容 は 、 メ ー ル と し て 送信 する こと も で きま す 。 

その 場合 は 、action 属 性 に 「mailtoo: メ ー ル アド レス ] を 指定 し ます 。enctype 属 性 を 指 
定 し な い 場 合 に は 、 デ フォ ルト の 値 と し て MIME タ イプ に [applicadon/x-www-form- 
urlencoded」 が 採用 され ます 。 こ の 場合 は 、 送 られ て くる メー ル は その まま で は 内 容 
を 読む こと が で き な い 状態 に な っ て いま す の で 、 そ れ を 変換 する た め の ソ フト ウェ 
ア が 必要 に な り ま す 。ecncope 属 性 に 「texplain] ま た は |「mulriparform-data」 を 指定 
する と 、 メ ー ラ ー で その まま 読め る 状態 で 送信 する こと が で きま す 。 

た だ し 、 フ ォ ー ム の デー タ を 受信 する メー ラー の 種類 や その 設定 、 送 信 す る プラ ウ 
ザ が フォ ー ム の 内 容 を メー ル と し て 送信 する 機能 を 備え て いる か どう か に よっ て は 、 
うま く 機 能 し な い 場合 も あり ます 。 確実 に デー タ を 送信 し て 欲し い の で あれ ば 、 メ ー 
ル で 送信 する 形式 に は せ ず に 、CGI を 利用 し た 方 が よい で し ょ う 。 








<!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona] / / EN" 
"http : / /Www . W3 .org/TR/REC-htm140/1oose .dtd"> 朋 

<HTMT, ]ang="]a"> 

< く HEAD> 

<TTTLE> フ ォ ー ム を メー ル て 送信 する サン ブル </TTTLE> 

< く /HEAD> 

< く <BODY> 


<FORM acC 上 ion= "mai1to:noricaGe]1fFish.com'" method="pos 上 『 
enctype= "上 ex 上 /p1ain"> | 
< く P> 

<LABEL> お 名 前 : <TNPUT type=" 上 ex 上 " name= "namae"></LABETL> 

< く BR> 

<LABEL> メー ル : <TNPUT type="Eex 上 " name="emai]1 "></LABEL> 
</P> 


く P> 

ご 感想 : <BR> 

<TEXTAREA name="jkansou" rows="3" co1s="40"> こ こ に ご 感想 を どう ぞ 。 
</ TEXTAREA> 

</P> 


く P> 

<TNPUT type="subm1it" va1ue=" 送信"> 
<TNPUT type="rese" va1ue=" ク リア "> 
< く / P> 

</FORM> 





</ BODY> 
</ HTML> 
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<TNPUT type="text" name=" 名 前 " va1lue=" デ フォ ルル 字 " size=" 訪 " 
max1ength=" 基 大 文字 数 "> 








名 前 ”)””。 入力 フィ ー ル ド の 名 前 
、 デフォルト 文字 あら か じ め 入力 され て いる 文字 
幅 入力 フィ ー ル ド の 幅 信 字数 


最大 文字 数 入力 可能 な 最大 の 文字 数 














お 名 前 : 随 和 太朗 





解 1 行 の テキ スト 入力 フィ ー ル ド を 作成 し ます 。 
月 記 name 属 性 で 指定 する 名 前 は 、 フ ォ ー ム の 内 容 を 受信 し た 時 に デー タ を 見 分 ける た め 
な ど に 使用 され ます 。 
この 要素 に は 、 シ ョ ー ト カッ トキ ー や タブ プ 移 動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リ テ ィ 」] の 「 タ プ ブ で 移動 する 順序 を 指定 する ](P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


ド <!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 maa 
多 "hEtp : / /www .W3 . org/TR/REC-htm140/1oose .dtd"> 

<HTMT, ]ang="]a"> 

<HEAD> 

<TTTLE>1 行 の テキ スト 入力 フィ ー ル ド ・ サ ンプ ル </TTTLE> 

</ HEAD> 

<BODY> 

<FORM acion=" /cgi -bin/Formmma1] .cg1i" method="post 上 "> 

< く P> 

お 名 前 : < エ NPUT type="texxt" name="namae" size="30"> 

</P> 

</FORM> 

</ BODY> 

</ HTML> 


に 


昌 に | 








用 区 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 照 
風 共 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.24 1 参照 
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<TEXTAREA name=" 名 的 " cows=" 行 数 " co1s=" 太 ">ー</TEXTAREA> 








<TEXTAREA wrap=" 改行 方 法 " ・・・> 一 </ TEXTAREA> 

名 前 入力 フィ ー ル ド の 名 前 _ 癌 明 
行 数 入力 フィ ー ル ド の 行 数 。 記 寺 に ま 
凡 入力 フィ ー ル ド の 幅 ( 文 字数 ) 。 





改行 方 法 off 改行 し な い 
Soft 改行 し て 表示 
hard 改行 し て 送信 








複数 行 の テキ スト 入力 フィ ー ル ド を 作成 し ます 。 
計 


<TEXTAREA> 一 </TEXTAREA> の 範囲 に 記述 し た 文字 は ボ 、 こ の フィ ー ル ド に あら 
か じ め 入 力 さ れ た 状態 で 表示 され ます 。name 属 性 で 指定 する 名 前 は 、 フ ォ ー ム の 内 
容 を 受信 し た 時 に デー タ を 見 分 ける た め な ど に 使用 され ます 。rows 属 性 と cols 属 性 
は 、 入 力 フィ ー ル ド の 大 き さ を 決定 する も の で 、 必 ず 指 定 する こと に な っ て いま す 。 
wrap 属性 で 指定 する 改行 方 法 に sofr ま た は hard を 指定 する と 、 入 力 し た 文字 が フィ ー 
ルド の 右端 まで 達し た 段階 で 自動 的 に 改行 され ます 。soft の 場合 は 画面 上 で の み 改 
行 を 行い 、 送 信 さ れる デー タ は 改行 され ませ ん が 、hard の 場合 に は 実際 に 送信 され 
る デー タ も 改行 され た 状態 に な り ま す 。 た だ し 、 こ の wrap 属性 は HTML4.0 で 正式 
に 定義 8 れ て いる も の で は な く 、Netscape Navigator と Internet Explorer が 独自 に 拡 
張 し た も の で す の で 、 注 意 し て くだ さい 。 

この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ ] の 「 タ プ で 移動 する 順序 を 指定 する ](P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](①.241) を 参照 し て くだ さい 。 


| の 葵 座 ト ドー マコ 
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<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"ht て Ep : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> ココ 

<HTML, 1ang="]a"> 

<HEAD> 

<TTTLE> 複数 行 の テキ スト 入力 フィ ー ル ド ・ サ ンプ ブル </ TTTLE> 

</HEAD> 

< く BODY> 

<FORM act1on=" /Cgi-bin/Formma1] .Cg1" method="poS ヒ 上 "> 

に 3 っ と 

ご 感想 : <BR> 

<TEXTAREA name="kansou" rowg="4m oo1s="40"> こ ご ここ に ご 感想 を どう ぞ 。 

< く /F 到 文 〒AREE> 

</P> 

< く /FORM> 

</ BODY> 

</ HTML> 








旧 歩 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 照 
上 l 除 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.241 参 昭 


テキ スト 入力 フィ ー ル ド の 大 き さ の 違い 

フォ ー ム を 構成 する 入力 選択 項 目 は 、 環 境 に よっ て その 大 き さ が 異な り ます 。 特に 
テキ スト 入力 フィ ー ル ド に つい て は 、 そ の 幅 に 大 き な 違い が 見 られ ます 。 

フォ ー ム を 作成 する 場合 に は 、 こ の 点 を 考慮 し た 上 で 、 特 定 の 環境 に 依存 し た も の と 
な ら な いよ うに 注意 し て くだ さい 。 


Windows 版 Internet Explorer Windows 版 Netscape Navigator 





<TNPUT type="pagsword" name=" 名 前 " value=" デフ ォ ル ル 文 字 " 
8g1ze=" 個 " max1ength=" 震 大 文字 数 "> 














名 前 入力 フィ ー ル ド の 名 前 1 
デフ ォ ル ト 駐 字 あら か じ め 入力 され て いる 文字 - 
幅 入力 フィ ー ル ド の 幅 ( 文 字数 ) 








最大 文字 数 入力 可能 な 最大 の 文字 数 





7 スワード Fi 株 ーーー パス ワー ド : Esk 





この フィ ー ル ド に 入力 し た 文字 は 、 他 の 文字 や 記号 な ど に 置き 換え られ て 表示 され 
ます 。 name 属 性 で 指定 する 名 前 は 、 フ ォ ー ム の 内 容 を 受信 し た 時 に デー タ を 見 分 け 
る た め な ど に 使用 され ます 。 

この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リ テ ィ 」 の 「 タ プ ブ で 移動 する 順序 を 指定 する ](P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](①.241) を 参照 し て くだ さい 。 


パス ワー ド の 入力 に 使用 する 1 行 の テキ スト 入力 フィ ー ル ド を 作成 し ます 。 
説 


也 
Na 
ペ : 

RS 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"htp : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> 有 

<HTML, ]ang="]a"> 

< く HEAD> 

<TTTLE> パス ワー ド の 入力 フィ ー ル ド ・ サ ンプ ブル </TTTLE> 

< く /HEAD> 

<BODY> 

<FORM action=" /cgi-bin/fFormmai] .cg1" method="pos 上 "> 

く P> 

パス ワー ド : < エ NPUT type="paggword" name="Dw" size="20"> 

< く /P> 

< く /FORM> 

</ BODY> 

</HTML> 


| の 葵 座 トー マコ 








旧 光 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」:P.240 参 照 
旧 際 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.24 1 参照 
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l の 鞭 ト ーー 








名 前 


送信 文字 。 送信 する 文字 


お 名前 :Pross 
メ ズール: [io@shuwanep 


隠し フィ ー ル ド の 名 前 








お 名 前 : Ehuwa akiko 
メー ル : ki@Wshuwa.ne.jp 


e 男 性 て 女 性 て 男性 c 女 性 


2] 送信 クリ | 





画面 上 に は 表示 され な い フ ィ ー ル ド を 作成 し ます 。 

一 般 に 、 ユ ー ザ ー に 見 せる 必要 の な い 特 定 の 値 を CGI プロ グラ ム に 送信 し た い 場合 
な ど に 使用 し ます 。 value 属 性 で 指定 し た 内 容 が 、 固 定 値 と し て 送信 され ます 。name 
属性 で 指定 する 名 前 は 、 フ ォ ー ム の 内 容 を 受信 し た 側が この デー タ を 見 分 ける た め 
に 使用 され ます 。 


<!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"hp : / /www . W3 . ord/TR/REC-htm140/1oose .dtd"> | 

<HTMT, 1ang="]a"> 

<HEAD> 

<TTTLE> 隠し フィー ルド ・ サ ンプ ル </TTTLE> 

< く /HEAD> 

<BODY> 


<FORM action=" /cgi-bin/formma1] .Ccg1" method= "Dos 上 "> 

< く P> 

<TNPUT type="hidden" name=" エ ecipient" で a1ue="noriCaGe] 1 
Sh .Com"> | 
<TNPUT type="hidden" name="SubJect" va1ue=" ユ ー ザ ー 登 録 "> 
<LABETL> お 名 前 : <TNPUT type="text" name="namae"></LABEL><BR> 
<LABEL> メー ル : <TNPUT type="text" name="ema1] "></LABEL> 

< く /P> 
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<P> 

<TNPUT type="radio" name="sex" value="Ma1e"> 男 性 
<TNPUT type="radio" name="sex" value="Female"> 女 性 
< く /P> 


< く P> 

<TNPUT type=" submi" va1ue=" 送 信 "> 
<TNPUT type="reset" val1ue=" ク リア "> 
</P> 

</FORM> 


</BODY> 
< く / HTML> 
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| ぶ 圭 ト ー さ ココ 


<TNPUT type="gubmit" value=" ラ ベル " name=" 名 的 "> 送信 ボタ ン 
<TNPUT type="reset" value=" ラ ベル "> ー ク リア ボタ ン 








ラベ ル ボタン 上 に 表示 され る 文字 
名 前 ボタ ン の 名 前 





デフ ォ ル ト の 状態 : デフ ォ ルト の 状態: 
2 エリ 送信 | リセ y ト | Submit Query | Reset | 


9 バル 拓 な 


四 タ 2| 





解 送信 ボタ ン と クリ アボ タン は 、 多 く の 場 合 2 つ セッ ト で 使用 され ます 。 送 信 ボ タン 


月 記 は 、FORM 要 素 の 設定 に し た が っ て フォ ー ム 内 の デー タ を 送信 し ます 。 ク リア ボタ 
ン は 、 フ ォ ー ム の すべ て の 内 容 を 初期 値 に 戻す た め に 使用 され ます 。 
value 属 性 で ラベ ル を 指定 する と 、 ボ タン 上 に 表示 され る 文字 を それ ぞ れ 設定 する こ 
と が で きま す 。 ラ ベル を 特に 指定 し な か っ た 場合 に は 、 プ ラウ ザ が デフ ォ ル ト の 文 
字 を 表示 させ ます (デフ ォ ル ト の 文字 は プラ ウザ に よっ て 異な り ま す )。name 属 性 で 
示す 名 前 は 、 別 の 処理 を させ た い 複 数 の 送信 ボタ ン を 配置 する 場合 に 、 受 信 側 で ど 
の 送信 ボタ ン が 押さ れ た か を 見 分 ける た め に 利用 され ます 。 
この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ 」 の |「 タ プ で 移動 する 順序 を 指定 する 」(P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


む * <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 


タン "htp : / /Www .w3 . org/TR/REC-htm140/1oose .dtd"> 
<HTMT, ]ang="]a"> 

<HEAD> 

<TTTLE> 送信 ポタ ン と 内 容 の クリ アポ タン ・ サ ンプ ル </TTTLE> 

</ HEAD> 

< く <BODY> 


<FORM action=" /cgi-bin/ Formmai] .Cg1" method="post 上 "> 
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く P> 

デフ ォ ル ト の 状態 : <BR> 

<TNPUT type=" subm1t"> 

< く TNPUT type="reSse ヒ "> 

</P> 

< く HR> 

く P> 

ラベ ル を 指定 し た 状態 : <BR> 

<TNPUT type="submit" Ya1ue=" 送 信 "> 
< エ NPUT type="reset 上 " 。 va1ue=" ク リア "> 
</P> 


</FORM> 


</ BODY> 
</HTML> 





旧 具 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 昭 
上 脈 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.241 参 昭 


入力 フォ ー ム 





間 ぶ 圭 ト ー さ ココ 





<TNPUT type="1mage" gro="ORL" name=" 名 前 " a1t=" 代 詩文 字 " 


a11ign=" 位置 "> 









画像 に よる 送信 ボタ ン を 作る 











URL "” パ ボタン と し て 使用 する 画像 ファ イル の UHL で 下 
名 前 ポタ ン の 名 前 
代 秩 文字 画像 の か わり と な る テキ スト 。 。 
位置 top 画像 の 上 と テキ スト の 上 を 揃え る 
middle 画像 の 中 心 と シテ キス ト の ベー スラ イン を 揃え る 
bottom 画像 の 下 と テキ スト の ペー スラ イン を 揃え る (デフ ォ ルト ) 
left 画像 を た に 配置 し 、 右 側 に 文字 を 回 り 込ま せる 
right 画像 を 右 に 配置 し 、 左 側 に 文字 を 回 り 込ま せる 








通常 、 送信 ま ボタ ン に は <INPUT ppe="submir"> を 使用 し ます が 、 画 像 を 送信 ボタ ン 
と し て 機能 させ る こと が で きま す 。 画像 に よる 送信 ボタ ン を 使用 し た 場合 に は 、 

フォ ー ム の 内 容 と 共に 、 画 像 の クリ ッ ク さ れ た 位置 (座標 ) も 送信 され ます 。 

alt 属 性 は HTML4.0 で 新しく 採用 され た 属性 で 、 画 像 が 表示 で き な い 場合 に 表 
示さ せる テキ スト を 指定 し ます 。 た だ し 、 多 く の プ ラウ ザ は まだ この 属性 を サポ ー 
ト し て お ら ず 、name 属 性 や value 属 性 の 値 を 代 替 文字 と し て 利用 し て いる よう で す 。 

align 属 性 は 、 通 常 の 画像 の 場合 と 同様 に 表示 位置 を 設定 し ます 。 テ キス ト が 回 り 込 
むように 設定 し た 場合 は 、<BR clear=" 解 除 方 向 "> で 解除 で きま す 。 た だ し 、 こ の 属 
性 は 廃止 予定 と な っ て いま す の で 、 ス タイ ル シ ー ト を 使用 し た 方 が よい で し ょ う 。 

この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ ブ 移動 の 順序 を 設定 する こと も で きま す 。 

詳細 は 、「 ア クセ シビ リティ | の 「 タ ブ で 移動 する 順序 を 指定 する ](P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 
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<!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
"http : / /www - w3 . org/TR/REC-htm140/1oose . dtd"> 有 
<HTMT, 1ang="]a"> 
<HEAD> 
<TTTLE> 画 像 に よる 送信 ボタ ン ・ サ ン ブ ル </TTTLE> 
</HEAD> 
<BODY bgco1or="white"> 
<FORM acEion=" /cgi-Dbin/fFormmai1] .Cg1" method="post 上 "> 
< く P> 
<TNPUT type="1mage" SrC="Subm1t.91F" name="subm1t" 
a1 モ =" 送信 "> 』 
く /P> 
</FORM> 
</ BODY> 
</HTML> 








上 具 「 画 像 と マル チ メ ディ ア 」 の [画像 へ の 回 り 込 み を 解除 する 」:P.130 参 照 
旧 具 「 ス タイ ル シ ー ト 」 の 「 縦 方 向 の 位置 関係 を 指定 する 」 :P.208 参 照 

上 l 卓 「 ス タイ ル シ ー ト 」 の 「 左 右 へ の 配置 と 回 り 込み を 指定 する 」:P.230 参 昭 
旧 具 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 照 
内 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ ト ・ キ ー を 割り 当て る 」:P.24 1 参照 


入力 フォ ー ム 





<BUTTON type=" タ ププ" name=" 名 前 " va1ue=" 送 信 文 字 ">ー</BUTTON> 








計 史 タイ フ submit 送信 ボタ ン ( デ フォ ルト ) 





reset リセ ッ ト ボ タン 
1 button_ 汎用 ボタ ン 
名 前 ボタ ン の 名 前 
送信 文字 。 送信 する 文字 
Wheret:2ENIGXSi hi ニー 





テキ スト を 利用 し た ボタ ン : 
送信 | クリ ア | ーーーーーーーー 


_ 2 
信 クリ ア 


画像 を 利用 し た ボタ ン : 
画像 を 利用 し た ボタ ン : 





解 この 要素 は 、HTML4.0 か ら 採 用 され た ボタ ン 専 用 の 要素 で す 。 

ppe 属 性 で 指定 する 値 に よっ て 、 送 信 ボ タン ・ リ セッ ト ボ タン ・ 汎 用 ボタ ン の それ 
ぞ れ の 機能 を 果たす こと が で きま す 。 こ の ボタ ン の 特徴 は 、<BUTTON> 一 </BUT- 
TON> の 範囲 の 内 容 を ボタ ン の ラベ ル と し て 表示 で きる こと で す 。 つ まり 、 強 調 さ 
れ た 文字 や 画像 な ど を ボタ ン 上 に 表示 させ る こと が で きる わけ で す 。name 属 性 と 
Yalue 属 性 で 示す 値 は 、 別 の 処理 を させ た い 複 数 の 送信 ボタ ン を 配置 する 場合 に 、 受 
信 側 で どの 送信 ま ボタ ン が 押さ れ た か を 見 分 ける た め な ど に 利用 され ます 。 

この 要素 に は 、 シ ョ ー ト カッ トキ ー や タブ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ 」 の 「 タ プ で 移動 する 順序 を 指定 する 」(P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


還 の 圭 座 トー さ 
に 3 
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む <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
/ "http : / /www - w3 . ord/TR/REC-htm140/1oose .dtd"> 
<HTMTL, ]ang="]a"> 

<HEAD> 

<TTTLE> ボタ ン ・ サ ンプ ル </TTTLE> 

< く /HEAD> 

<BODY bgco1or="wh1te"> 


<FORM action=" /cgi-bin/Formma11 .Cg1" method= "pos 上 "> 


く P> 

テキ スト を 利用 し た ポタ ン : <BR> 

<BUTTON type="Subm1t"> 

<FONT size="6"><B> 送 信 </B></FONT> 
</BUTTON> 

<BUTTON type=" エ reSet 上 "> 

<FONT size="6"> ク リア </FONT> 
</BUTTON> 

< く /P> 

< く HR> 

<P> 

画像 を 利用 し た ポタ ン : <BR> 

<BUTTON type="Subm1t"> 

<BR><TMG src="hikouk1i .d1F" width="92" he1ight="69" a1t=""> 
<BR> そ うし ん 

</ BUTTON> 

<BUTTON type=" エ eset『> 

<BR><TMG Sro="kuri .d1F" width="92" height="69" a]1t=""> 
<BR> く りあ 

</BUTTON> 

</P> 


< く /FORM> 


</ BODY> 
</HTML> 








旧 共 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 照 
上 区 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.24 1 参照 


入力 フォ ー ム 











名 前 _ ボタン の 名 前 
ラベ ル ボタン 上 に 表示 され る 文字 


下 の ボ タン を クリ ッ ク す る と 、 前 の ペー ジ に 戻り ます 。 
戻る 











下 の ボ タン を クリ ッ ク す る と 、 前 の ペー ジ に 戻り ます 。 





解 送信 も リセ ッ ト も し な い 汎用 の ボタ ン を 作成 し ます 。 
記 記 一般 的 に は 、onClick な どの 属性 を 使用 し て 、javaScript な どの スク リプ ト 言 語 と あ 
わせ て 利用 され ます 。 
この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ ] の 「 タ プ で 移動 する 順序 を 指定 する 」(P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


KR <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / / EN" 
の "http : / /Www .w3 . org/TR/REC-htm140/1oose .dtd"> 

<HTML, 1]ang="]a"> 

<HEAD> 

<TTTLE> スク リプ ト で 利用 する ボタ ン ・ サ ンプ ブル </TTTLE> 

</ HEAD> 

< く BODY> 

<FORM action=" /cgi-bin/ Formmai1] .Ccg1" method="pos 上 "> 

く P> 

下 の ポ ボタ ン を クリ ッ ク す る と 、 前 の ペー ジ に 戻り ます 。<BR> 

<TNPUT type="button" va1ue=" 戻る" onC1ick="history . go ( -1 ) "> 
</P> 

</FORM> 

</BODY> 

</HTML> 


l の 葵 避 ト ー さ ココ 








用 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」:P.240 参 照 
旧 具 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.24 1 参照 
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<TNPUT type="radio" name=" 名 前 " va1ue=" 送 佑 文 字 "> 
<TNPUT type="radio" name=" 名 " va1ue=" 送 佑 駐 字 " checjkked> 








前 ラン ボタン の 前 WW 
送信 文字 選択 され た 結果 と し て 送信 され る 文字 
checked あら か じ め 選 択 さ れ た 状態 に する 場合 に 指定 

















一 この 本 の 内 容 は どう で すか ? 


固 こ の 本 の 内 容 は どう で すか ? 1 て 肌 い て 間 計 いて 


人 パ 最高 で 良 い 普通 事 いて 最 





解 ラジ オ ボ タ ン を 作成 し ます 。 

角 記 ラジ オ ボ タ ン は 、 複 数 の 選択 項目 の うち 1 つ だ け 選 択 で きる 形式 の ボタ ン で す 。 共 
通 の 項目 に 対す る 選択 肢 と し て 使用 する ラジ オ ボ タ ン は 、 す べ て 同じ 名 前 を 指定 す 
る 必要 が あり ます 。 ま た 、 デ ー タ が 送信 され た 時 に どの 項目 が 選択 され た の か を 判 
別 す る た め に 、 value 属 性 は 必ず 指定 する よう に し て くだ さい 。 
この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ 」 の 「 タ プ ブ で 移動 する 順序 を 指定 する 」(P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る 」(P.241) を 参照 し て くだ さい 。 


IO <FORM action=" /cgi-Dbin/fFormmai1 .cg1" method= "pos 上 "> 
ん く P> 

田 こ の 本 の 内 容 は どう で すか <BR> 

<TNPUT type="radio" name="book" va1ue="bes 上 "> 最高 

<TNPUT type="radio" name="book" ya1ue="dood" > 良い 

<TNPUT type="radio" name="book" va1ue="norma1" oheocked> 普 通 
<TNPUT type="radio" name="book" value="bad> 悪 い 

<TNPUT type="radio" name="Dbook" Yatue= "worS 上 "> 最悪 

く /P> 

< く /FORM> 


EN 


| ぶ 某 褒 ト ー* コ 








上 上 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」 :P.240 参 照 
上 上 派 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る ]」:P.24 1 参照 
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<TNPUT type="oheokbox" name=" 名 凛 " va1ue=" 送信 文字 "> 
<TNPUT type="checkbox" name=" 名 前 " value=" 送 佑 文 字 " checked> 








名 前 チェ ッ ク ボ ックス の 名 前 


送信 文字 選択 され た 結果 と し て 送信 され る 文字 


checked あら か じ め 選 択 さ れ た 状態 に する 場合 に 指定 


一 好き な 色 は ? 
レ 日 上 黒 [ グ レー「 赤 中 青 「 黄 











画 好 き な 色 は ? 
じ 日 F グ レー「 赤 「 青 黄 





解 チェ ッ ク ボ ックス を 作成 し ます 。 

市 別 チェ ッ ク ボ ックス は 、 複 数 の 選択 項目 の 中 か ら 該当 する 項目 を 複数 選択 で きる よう 
に する 場合 に 使用 し ます 。 共 通 の 項目 に 対す る 選択 肢 と し て 使用 する チェ ッ ク ボ ッ 
クス は 、 す べ て 同じ 名 前 を 指定 する 必要 が あり ます 。 ま た 、 デ ー タ が 送信 され た 時 
に どの 項目 が 選択 され た の か を 判別 する た め に 、value 属 性 は 必ず 指定 する よう に し 
て くだ さい 。 
この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ 」 の 「 タ プ で 移動 する 順序 を 指定 する 」(P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


9 <FORM action=" /cgi-Dbin/Formmai 1 .cg1" method= "post 上 "> 
2 <P> 
中 画 好 き な 色 は ⑦<BR> 
<TNPUT type="oheokkbox" name="Co1Or" 0 
checked> 白 


| ぶ 圭 玉 ト ー さ ココ 


<TNPUT type="cheockbox" name="cColor" ya1ue="b1ack"> 黒 
<TNPUT type="cheokkbox" name="Co1or" ya1ue="gray"> グ レー 
<TNPUT type="oheokbox" name="Color" ya1ue="red"> 赤 
<TNPUT type="cheokboxx" name="Co1or" Ya1ue="b1ue"> 青 
<TNPUT type="cheokbox" name="Co1or" Ya1ue="ye11ow"> 黄 
</P> 

< く /FORM> 








上 孤 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」:P.240 参 照 
上 孤 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.241 参照 
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<SELECT name=" 名 前 ">ー</SELECT> 
<OPTTON va1ue=" 送 佑 文 字 ">ー</OPTTON> 
<OPTTON se1ected> 一 </OPTTON> 








名 前 メニ ュー の 名 前 


送信 文字 選択 され た 結果 と し て 送信 され る 文字 


selected あらかじめ 選択 され た 状態 に する 場合 に 指定 





あな た の 年 齢 は 次 の どれ に 当て は まり ます か ? あな た の 年 齢 は 次 の どれ に 当て は まり ます か ? 
[5G 代 選 90TN エ 





あな た の 年 齢 は 次 の どれ に 当て は まり ます か ? あな た の 年 齢 は 次 の どれ に 当て は まり ます か 3 
[ 選 





30 代 
40 代 
50 代 





fP メニ ュー を 作成 し ます 。 

月 記 メニ ュー 全体 を <SELECT> 一 </SELECT> で 囲ん で 示し 、 そ の 中 に 選択 肢 を 表す 
<OPTION> 一 </OPTION> を 必要 な 数 だ け 配置 し ます 。<OPTION> 一 </OPTION> 
の 範囲 に は 、 実際 に メニ ュー に 表示 され る 選択 肢 と な る テキ スト を 入れ ます 。 ま た 、 
value 属 性 を 省略 し た 場合 に は 、 こ こ に 入れ た テキ スト 自体 が 選択 され た 項目 と し て 
送信 され ます 。 
この 要素 に は 、 タ プ 移 動 の 順序 を 設定 する こと も で きま す 。 詳細 は 、「 ア クセ シビ リ 
テ ィ 」 の 「 タ プ で 移動 する 順序 を 指定 する 」(P.240) を 参照 し て くだ さい 。 


に か 





9 <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 (2 
し 2 の "htp : / /www . w3 . org/TR/REC-htm140/1oose .dtd"> 
中 <HTMI, ]1ang="]a"> 
<HEAD> 
<TTTLE> メニ ュー・ サ ンプ ブル </TTTLE> 
< く /HEAD> 
< く BODY> 
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<FORM aotion=" /cgi-bin/Formmai] .cg1" method= "post 上 "> 
<P> 

あな た の 年 齢 は 次 の どれ に 当て は まり ます か ? <BR> 
<8ELECT name=" 年 齢 "> 

<OPTTON>10 代 </OPTTON> 

<OPTTON>20 代 </OPTTON> 

<OPTTON se1ected>30 代 </OPTTON> 
<OPTTON>40 代 </OPTTON> 
<OPTTON>50 代 </OPTTON> 

< く / SEL 到 CTF> 

</P> 

< く /FORM> 

</BODY> 

</HTML> 





4 旧 孤 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」:P.240 参 照 


入力 フォ ー ム 





<OPTGROUP 1abe1=" グ ルー プ 名 "> 一 </OPTGROUE> グルー プ を 作成 
<OPTTON 1abe1=" 乱 (し) 選択肢">ー</OPTTON> ー グ ルー プ 内 の 項目 








短い 選択 肢 グル ー プ 名 に 対応 させ た 短い 選択 肢 








解 SELECT 要 素 で 作成 され る メニ ュー の 選択 肢 え を ゲル ー プ 化し ます (結果 と し て メニ ュー 
月 】 は 階層 メニ ュー に な り ま す )。 

OPTGROUD 要 素 の label 属 性 の 値 は 、 グ ルー プ ( 階 層 ) 名 と し て メニ ュー に 表示 され 
る も の で す の で 、 必 ず 指 定 す る よう に し て くだ さい 。OPTION 要 素 の label 属 性 の 
値 に は 、 グ ルー プ 名 が 表示 され る こと に よっ て 省略 で きる 部 分 を 省 いた 、 短 い 選択 
肢 と な る テキ スト を 指定 し ます 。 こ の 属性 を 省略 し た 場合 に は 、<OPTION> 一 
<7OPTION> の 範囲 に 指定 され て いる 内 容 が その まま 利用 され ます 。 
この メニ ュー の グル ー プ 化 は HTML4.0 で 新しく 定義 され た も の で す が 、 現状 で は 
ほとん ど サ ポー ト さ れ て いま せん 。 し か し 、 サ ポー ト さ れ て いな い ブ プラ ウザ で も 
OPTGROUP 要 素 と label 属 性 が 無視 され る だ け で 、 今 まで 通り の メニ ュー を 表示 さ 
せる こと が で きま す 。 


1 <FORM aotion="cCgi-Dbin/Formmai] .Ccg1" method= "pos 上 "> 
<P> 
加 あな た が 最も 多く 利用 し て いる プラ ウザ は どれ で すか <BR> 
<SELECT name=" 使 用 プラ ウザ "> 
<OPTGROUP 1abe1="TnEerne ExDp1Orer『> 
<OPTTON 1abe1="5.x">TnEternet Exp1orer 
<OPTTON 1abe1="4.x">Tnterne Exp1orer 
<OPTTON 1abe1="3.x"m>TnEernet Exp1orer 
<OPTTON 1abe1="2.x">TnEernet Exp1orer 
</OPTGROUP> 
<OPTGROUP 1abe1="Netsoape Nav1gator"『> 
<OPTTON 1abe1="4.x">Netsoape Navigator 4 .x</OPTTON> 
<OPTTON 1abe1="3 .x">Netscape Nav1gaor 3 .x</OPTTON> 
<OPTTON 1abe1="2.x">Netscape Nav1gaor 2 .x</OPF エ ON> 
< く /OPTGROUP> 
<OPTGROUP 1abe1="Lynx『> 
<OPTTON 1abe1="3.x">Lynx 3 .x</OPTTON> 
<OPTTON 1abe1="2.x">Lynx 2 .x</OPTTON> 
<OPTTON 1abe1="1 .x">Lynx 1 .x</OPTTON> 
</OPTGROUP> 
</ SELECT> 
< く / PB> 
< く /FORM> 


・ メ </OPTTON> 
・ メ < く /OPT エ ON> 
・ く / OPTT エ ON> 
・ く </OPTTON> 


to の 愉 m 
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<SELECT size=" 行 数 " name=" 名 前 " mu1tip1e>-</ SELECT> 








ー リ スト ボッ クス 
<OPTTON value=" 送 佑 文 字 ">ー</OPTTON> 選択 項目 
<OPTTON se1ected> 一 </OPTTON> ~ 選 択 項目 
行 数 "リス ト ボ ックス の 表示 行 数 コ 
名 前 リス ト ボ ックス の 名 前 


multiple 複数 の 項目 を 選択 可能 に する 場合 に 指定 
送信 文字 選択 され た 結果 と し て 送信 され る 文字 


selected あらかじめ 選 択 さ れ た 状態 に する 場合 に 指定 





あな た の 職業 は 次 の うち どれ に 該当 し ます か ? あな た の 隊 業 は 次 の うち どれ に 該当 し ます か ? 


教師 講師 
プロ グラ マ ・SE ョ | 





[7 識 メ ニュ ー を 作成 する SELECT 要 素 に sizc 属 性 を 指定 する と 、 リ スト ボッ クス と し て 表 
月 】 示さ れ ま す 。 

メニ ュー の 場合 と 同様 に 、 リ スト ボッ クス 全体 を <SELECT>ー</SELECT> で 囲ん で 

示し 、 そ の 中 に 選択 肢 を 表す <OPTION> 一 </OPTION> を 必要 な 数 だ け 配 置 し ま 


す 。<OPTION> 一 </OPTION> の 範囲 に は 、 実際 に リス ト ボ ックス に 表示 され る 選 
』 択 肢 と な る テキ スト を 入れ ます 。 ま た 、Yaluc 属 性 を 省略 し た 場合 に は 、 こ こ に 入れ 
を た テキ スト 自体 が 選択 され た 項目 と し て 迷信 され ます 。OPTION 属 性 で 示さ れる 選 
る 択 肢 の 数 が 、size 属 性 で 示さ れる 表示 行 数 より 多い 場合 に は 、 リ スト ボッ クス に 自動 
ーーー 的 に スク ロー ル バ ー が 付け られ ます 。 
この 要素 に は 、 タ プ 移 動 の 順序 を 設定 する こと も で きま す 。 詳細 は 、[「 ア クセ シビ リ 
ティ 」 の 「 タ プ で 移動 する 順序 を 指定 する ](①.240) を 参照 し て くだ さい 。 
KM <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML. 4.0 Transitiona1 / /EN" 
記 及 "上 EEp://www.w3.org/TR/REC-htm140/1oose.dtd"> 
四 <HTML 1ang="]a"> 

< く HEAD> 

<TTTLE> リス ト ボ ックス ・ サ ンプ ブル </TTTLE> 

</HEAD> 
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<BODY> 

<FORM action=" /cgi-bin/Formmai] .Ccg1" method="post 上 "> 
<P> 

あな た の 職業 は 次 の うち どれ に 該当 し ます か ⑦<BR> 
<SELECTF size="5" name=" 有 職業 " mu1tip1e> 
<OPTPTON> 技 術 職 く </OPTTON> 

<OPTTON> 研 究 職 </OPTTON> 

<OPTTTON> 営業 ・ 販 売 </OPTTON> 

<OPTTON> 教師 ・ 講 師 </OPTTON> 
<OPTTON> プロ グラ マ ・S E </OPTTON> 

< く OPTTON> 学 生 </OPT エ ON> 

<OPTTON> 主 婦 </OPTTON> 

<OPT エ ON> そ の 他 </OPTTON> 

< く / SELECT> 

</P> 

</FORM> 

</ BODY> 

</HTML> 








旧 具 「 ア クセ シビ リティ 」 の 「 タ ブ で 移動 する 順序 を 指定 する 」:P.240 参 照 


入力 フォ ー ム 





<TNPUT type="fFi1e"r name=" 名 前 " va1lue=" ファ イル 名 " accept= 
"M7ME タ イプ "> 








、 フ ァイル 名 初期 値 と し て 表示 され る ファ イル 名 


MIME タ イプ 受け 付け 可能 な 「」 区 切り の MIME タ イブ リス ト 


あな た の 釣果 を 画像 で 送信 し て くだ さい 。 
| 参照 . 










ァ ィ の 場所 の [ 太 履 包 。 引 思 回 副 了 央 回 


昌 の 葵 ドー さ 





アイ ル の 得 類 (6 [HTML テイル | mw 旧 


フォ ー ム の デー タ と し て 送信 する ファ イル を 選択 で きる よう な 、 ボ タン と フィ ー ル 
記 下 を 自動 的 に 作成 し ます 。 

accept 属 性 に は 、 受 信 プ ログ ラム が 受け 付け る こと の で きる ファ イル の 種類 を MIME 

タイ プ で 指定 し ます 。 複 数 の 種類 を 受信 可能 な 場合 に は 、 そ れ ら を 「,] で 区 切っ て 指 

定 する こと が で きま す 。 た だ し 、 こ の 属性 は 現状 で は ほとん ど サ ポー ト さ れ て いな 

いよ う で す 。 
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この 要素 に は 、 シ ョ ー ト カッ トキ ー や タプ 移動 の 順序 を 設定 する こと も で きま す 。 
詳細 は 、「 ア クセ シビ リティ 」 の 「 タ プ で 移動 する 順序 を 指定 する 」(P.240)・「 シ ョ ー 
トカ ッ ト キ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


※ こ の 機能 を 利用 する 場合 、FORM 要 素 の encrype 属 性 に は 「muldparvform-data」 を 、 
method 属 性 に は 「posr」 を 指定 する 必要 が あり ます 。 


の <!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"httD : / /www - w3 . org/TR/REC-htm140/1oose .dtd"> っ 
<HTMT, 1ang="]a"> 

<HEAD> 

<TTTLE> ファ イル の 送信 ・ サンプル </TTTLE> 

</HEAD> 

<BODY> 


<FORM action=" /Cgi-Dbin/snap.C9g1" enotype= | 
Form-data" method="po8 モ "> 


く P> 

あな た の 釣果 を 画像 で 送信 し て くだ さい 。<BR> 

<TNPUT type="fFi1e" name="imagef1lew accep="1mage/]JDeg , 
image/gifFW> 
< く / P> 


<P> 
<TNPUT type="subm1t" Va]1ue=" 送信"> 
< く /P> 


</FORM> 


</ BODY> 
< く / HTML> 








上 孤 「 ア クセ シビ リティ 」 の [タブ で 移動 する 順序 を 指定 する 」 :P.40 参 照 
川 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.241 参 照 


入力 フォ ー ム 





< く LABET エ >ー< く / LABEL> 
<LABET, Fo ェ =" 参 果 rD">ー</LABE エ > 








参照 D ラベ ル を 付け る 入力 ・ 選 択 項目 の ID 





お 名 前 : 民 cws saburo 
メ ズール: Ero@shuwanep 


e 男 性 女性 お 名 前 : Rhuwa reiko 
メー ル : lrei@Wshuwa.ne.jp 







男性 6 女性 





解 フォ ー ム 内 に 含ま れる 入力 項目 や 選択 項目 の うち 、value 属 性 に よっ て ラベ ル を 付け 

妥 記 る こと の で き な い も の に 対し て ラベ ル を 設定 し ます (つま り 、 入 力 ・ 選 択 項目 と テキ 
スト を 関連 付け ます )。 

これ に よっ て 、 例 えば ラジ オ ボ タ ン や チェ ッ ク ボ ックス は 、 文字 部 分 に 対す る クリ ッ 

ク に も 反応 する よう に な り ま す 。 ラ ベル の 付け 方 に は 、2 通 りあ り ま す 。1 つ は 、 

<LABEL> 一 </LABEL> の 範囲 内 に ラベ ル と な る テキ スト と 入力 ・ 選 択 項目 を 含め る 

方 法 で す 。 2 つめ は 、<LABEL> 一 </LABEL> の 範囲 内 に は ラベ ル と な る テキ スト の 


4 
オ み を 配置 し て 、 入 力 ・ 選 択 項目 で 指定 し た ID と 同じ も の を for 属 性 で 指定 する 方 法 で 
ょ す 。 こ の 場合 は 、 ラ ベル と 入力 ・ 選 択 項目 が 、 必 ず 1 対 1 に な る よう に し て くだ さい 。 
を この 要素 に は 、 シ ョ ー ト カッ トキ ー を 設定 する こと も で きま す 。 詳細 は 、「 ア クセ シ 
る ビリ ティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 
1 
EE と 
RT <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 ONI 
ん "http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 
( 因 <HTML 1ang="]a"> 
<HEAD> 
<TTTLE> ラベ ル ・ サ ンプ ル </TTTLE> 
</HEAD> 
<BODY> 


<FORM ao1on=" /cgi-bin/snap . Cd1 " ooo 
Form-data" method= "poSt" > 


164 入力 フォ ー ム 


く P> 

<LABET,。 下 o ェ ="nm"> お 名 前 :</LABE エ > 

<TNPUT 上 ype="text" name="namae" 1d="nm"><BR> 
<LABET Fo ェ ="em"> メー ル : </LAB 巨 > 

<TNPUT type="text" name="ema1]" 1d="em"> 
</P> 


da | 


<LAB 到 ><TNPUT 上 ype="radio" name="sex" value="Male"> 男性 
< く /LAB 下 > | 
<LABE エ ><TNPUT 上 ype="radio" name="sex" value="Female"> 女 性 
< く /LAB 下 > | 
</P> 


</FORM> 


< く / BODY> 
</ HTML> 








用 具 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.24 1 参照 


ラベ ル に つい て 

普通 の アプ リケーション を 利用 し て いる 場合 、 ラ ジオ ボタ ン や チェ ッ ク ボ ックス は 
テキ スト 部 分 を クリ ッ ク し て も 反応 し ます 。 し か し 、 こ の LABEL 要 素 が で きる まで は 、 
Web ペ ー ジ 上 の ラジ オ ボ タ ン や チェ ッ ク ボ ックス は 、 そ の よう に は 動作 し ませ ん で し た 。 
つま り 、 ボ タン 部 分 と テキ ス ト 部 分 の 関連 を 明確 に 示す 方 法 が な か っ た た め 、 そ れ ら が 
1 つの も の と し て 認識 され ず 、 ボ タン 部 分 を クリ ッ ク し な けれ ば 何 も 反 応 し な い 状態 に 
な っ て いた の で す 。 

LABEL 要 素 を サポ ー ト し て いる ブラ ウザ は まだ 多く は あり ませ ん が 、 上 記 の よう な 不 
自然 な 動き を させ な いた め に も 、 必 ず 指 定 し て お いた 方 が よい で し ょ う 。 


旧 …-、、 


余談 で す が 、 ラ ベル を 付け る 方 法 が っ つ ある 理由 に つい て も 述べ て お きま す 。 一 般 的 
に は 、 入 力 ・ 選択 項目 と テキ スト 全体 を <LABEL> 一 </LABEL> で 囲う 方 法 が 分 か りや 
すく て いい と 思い ます 。 し か し 、 現 実 的 に フォ ー ム を キレ イ に 配置 し よう と し た 場合 、 
入力 ・ 選 択 項目 と テキ スト は 、 別々 の 段落 に な っ た り 、 テ ー ブ ル 内 の 別 の セル に 配置 さ 
れ た りす る こと も 多い は ず で す 。 そ の よう な 場合 に は 、for 属 性 を 利用 し て 関連 付け を 行 
うこ と に な り ま す 。 





入力 フォ ー ム 165 





フォ ー ム の 内 容 を グル ー プ 化 1 


<FTELDSE 呈 >ー</TELDSET> ー グ ルー プ 化 
<LEGEND a1ign=" 位置 ">ー</LEGEND> ー グ ルー プ の タイ トル 











_top "タイ トル を 上 に 表示 する (デフ ォ ル ト ) = 暗 
bottom タイ トル を 下 に 表示 する YY = ュー ま 
_left タイ トル を 左 に 表示 する 
right タイ トル を 右 に 表示 する 








日 の 圭 褒 ト ー さ コ 
ES 


7 FIELDSET 要 素 は 、 フ ォ ー ム に 含ま れる 入力 項目 や 選択 項目 を グル ー プ 化し ます 。 
月 品 <FIELDSET> 一 </FIELDSET> の 範囲 の 1 番 始 め に は 、LEGEND 要 素 を 指定 し て そ 
の グル ー プ の タイ トル を 付け ます 。 

align 属 性 は 廃止 予定 と な っ て いま す が 、 現在 の と ころ 、 こ れ に 代わ る スタ イル シー 
ト の プロ パテ ィ は 定義 8 され て いま せん 。 

LEGEND 要 素 に は 、 シ ョ ー ト カッ トキ ー を 設定 する こと も で きま す 。 詳細 は 、「 ア 
クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る ](P.241) を 参照 し て くだ さい 。 


66 入力 フォ ー ム 


5 < く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
ンク "http : / /www .w3 . or9/TR/REC-htm140/1oose .dtd"> | 

<HTMTL, 1ang="a"> 

<HEAD> 

<TTTLE> フ ォ ー ム の グル ー プ 化 サ ンプ ル </TTTLE> 

</HEAD> 

<BODY> 


<FORM acion=" /Cgi-bin/ snap .Cg1" enctype= "mu1 上 1par 上 / 
Form-data" method= "post 上 " > 


<TF エ ELDSET> 

<LEGEND> 個 人 情報 </LEGEND> 

< く P> 

名 前 : <TNPUT type="tex 上 " name="uname"> 

住所 : < て TNPUT type="text" name="uaddrs" Ss1ze="36"><BR> 
電話 : < て TNPUT type="text" name="uphone"> 


</P> 

</FTELDSET> 

<FTELDSET> 
<LEGEND> 会 社 情報 </LEGEND> 
く P> 


社名 : <TNPUT type="tex モ 上" name="cname"> 

住所 : <TNPUT type="tex 上 " name="caddrs" s1ze="36"><BR> 
電話 : < て TNPUT type="text" name="Cphone"> 

< く /P> 

</FTELDSET> 


</FORM> 


< く /BODY> 
< く /HTML> 











卓上 「 ア クセ シビ リティ 」 の 「 シ ョ ー ト カッ トキ ー を 割り 当て る 」:P.241 参 照 


入力 フォ ー ム 








フレ ー ム の 全体 構成 を 指定 する 


<FRAMESET rowg=" 分 副 高 "> ッ ー</『RAMESET> 
<FRAMESET co1g=" 分 副 胡 ">ー</FRAMESET> 
<FRANE srC="ORL" name=" フレ ー ム 名 "> 








分 割 宙 さ 。 横 割 り し た 時 の 名 高 さ を [」 区 切り で 指定 (ビク セル ・%・ り 





_ 分 割 


URL 


フレ ー ム 名 リン ク な どの 表示 先 と し て 指定 する 場合 に 利用 する 名 前 


、 終 割 り し た 時 の 各 幅 を 「.」 区 切り で 指定 (ビク セル ・%・) 


フレ ー ム の 内 容 と し て 表示 する HTML 文 書 の URL 











| ぶ 洒 図 A ト ドー で 


168 フレ ー ム 


フレ ー ム 機能 を 利用 する と 、 ウ イン ドウ を 縦横 に 区 切っ て 、 そ の 中 に それ ぞ れ 別 の 
HTML 文書 を 表示 させ る こと が で きま す 。 

ウイ ンド ウ を どの よう に 区 切る か を 指定 する の が FRAMESET 要 素 で 、 分 割 さ れ た 
各 フ レー ム に 表示 する 内 容 (HTML 文 書 ) を 指定 する の が FRAME 要 素 で す 。 フ レー 
ム を 指定 する 文書 で は 、 本 来 BODY 要 素 が ある べき 部 分 に FRAMESET 要 素 を 配置 
し ます 。BODY 要 素 は 使用 で きま せん の で 注意 し て くだ さい 。 た だ し 、 後 述 する 
<NOFRAMES> 一 </NOFRAMES>(「 フ レー ム に 未 対応 の プラ ウザ 向け の 内 容 を 入れ 
る ] : P.176) 内 に は 必要 で す 。 


FRAMESET 要 素 の rows 属 性 は 横 割 りす る フレ ー ム の 各 高 さ を 上 か ら 順 に 、cols 属 性 
は 縦 割り する フレ ー ム の 各 幅 を 左 か ら 順 に 「,] で 区 切っ て 指定 し ます 。 こ れ に よっ て 、 
指定 され た 数 値 の 数 だ け 分 割 さ れ ま す 。 

また 、<FRAMESET> 一 </FRAMESET> の 男 胃 に は 、 作 成 さ れ た フレ ー ム の 個数 分 
の 内 容 を 順に 入れ る 必要 が あり ます 。 フ レー ム を それ 以上 分 割 し た い の で あれ ば 
FRAME 要 素 で 読み 込む HTML 文 書 を 指定 し 、 更 に 分 割 する 場合 に は FRAMESET 要 
素 を 配置 し て (入れ 子 に し て ) そ の 部 分 の 分 割 を 指定 し ます 。 


※ フ レー ム を 定義 する HTML 文 書 で は 、<!DOCTYPE> に 「HTML4.0 Frameset 
DTD] を 指定 する こと に 注意 し て くだ さい 。 


<FRAMESET rows=" 高 さ A, 高 さ B, 高 さ C"> 
高 さ A | <FRAME sro= 内 容 1 .htm1"> 


<FRAME sroc= 内 容 2 .htm1"> 
高き B ] 内 容 2 <FRAME src= 内 容 3 .htm1 "> 
高 さ C ] 内 容 3 </FRAMESET> 


<FRAMESET co1g=" 幅 A, 幅 B, 幅 C"> 
<FRAME sroc= 内 容 1 .htm1"> 
<FRAME sro= 内 容 2 .htm1"> 
<FRAME sro= 内 容 3 .htm1"> 
</FRAMESET> 


<FRAMESET rows=" 高 さ A, 高 さ B" co1g=" 幅 C, 幅 D"> 
<FRAME sroc= 内 容 1 .htm1"> 
<FRAME sro= 内 容 2 .htm1"> 
<FRAME sroc= 内 容 3 .htm1"> 
<FRAME sro= 内 容 4 .htm1 "> 
</FRAMESET> 


<FRAMESET rowg=" 高 さ A, 高 さ B"> 
<FRAME src= 内 容 1 .htm1 "> 
<FRAMESET co1g=" 幅 C, 幅 D"> 
<FRAME sro= 内 容 2 .htm1"> 
<FRAME sro= 内 容 3 .htm1"> 
</FRAMESET> 
</FRAMESET> 





ーーー テー 


幅 C 幅 D 





<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Frameset//EN" 
http : / /www .w3 . org/TR/REC-htm140/fFrameset .dtd"> 

<HTMTL, 1ang="]a"> 

<HEAD> 

<TTTLE> フ レー ム の 全体 構成 サン ブル </TTTLE> 

</HEAD> 


<FRAMESETT rowSs="70,* リ > 
<FRAME grC=" モ ュ E]e.htm1" name="1ogo"> 
<FRAMESET co1s="150,* リ > 
<FRAME src="menu.htm1" name="menu"> 
<FRAME ro="ConEent .htm1" name="Content『> 
< く /FRAMESET> 


フレ ー ム 








<NOFRAMES> 
< く BODY> 
5 
</ BODY> 
く /NOFRAMES> 
< く /FRAMESET> 


< く /HTML> 








旧 コラ ム 「HTML の バー ジョ ン と <!DOCTYPE> の 書き 方 」:P.o8 参 昭 
上 l 除 「 フ レー ム 」 の 「 フ レー ム に 未 対応 の ブラ ウザ 向け の 内 容 を 入れ る 」 :P.176 参 昭 


「*」 に よる 幅 や 高 さ の 割合 の 指定 


FRAMESET 要 素 の rows ・cols 属 性 や 、COL・COLGHOUP 要 素 の width 属 性 で は 、 
その 幅 や 高 さ を 「 ピ クセ ル 」 や [パー セン テー ジ 」 で 指定 する 他 に 、[*] を 利用 し て 指定 する 
こと が で きま す 。 

幅 や 高 さ が 複数 に 分 割 され て いる 場合 、 ま ず 「 ピ クセ ル 」 や [パー セン テー ジ ]」 で 指定 さ 
れ て いる も の が あれ ば 、 そ の 幅 ( 高 さ ) が 確保 され ます 。 そ し て 、 残 り の 部 分 が 「*」 の 前 に 
人 け られ た 数 字 の 割合 で 分 配 さ れ ま す ( 単 に [*」 を 指定 し た 場合 は 、「 1 *] と 指定 し た も の 
と 解釈 され ます )。 例え ば 、[*.2*.3*」 と 指定 され て いて 分 配 可 能 な 範囲 が 50 ピ クセ ル だ っ 
た 場合 に は 、60 ピ クセ ル が 6 分 割 (1+2+3) さ れ て 、「*] は 10 ピ クセ ル 、[2 ら *] は 20 ピ ク 
セル 、「3*] は 30 ピ クセ ル と いう こと に な り ま す 。 





フレ ー ム 


フレ ー ム 内 で の 表示 方 法 を 設定 する 


<FRAME scro11ing=" スクロール の 紀 劉 " noresize> 
<FRAME marginwidth=" 左右 の マー ジン " marginheight=" た 下 の マ ー ジ ン "> 








スク ロー ル の 制御 auto 必要 に 応じ て スク ロー ル 可 能 ( デ フォ ルト ) 
yeS 常に スク ロー ル 可 能 ( ス クロ ー ル バー を 表示 ) 
ーー mo 常に スク ロー ル 不 可 (スク ロー ル バ ー を 非 表示 ) 
noresize フレ ー ム の サイ ズ 変 更 禁止 





、 左右 の マー ジン フレ ー ム 内 の 左右 の マー ジン (ビク セル ) 


上 下 の マ ー ジ ン フレ ー ム 内 の 上 下 の マ ー ジ ン ( ピ クセ ル ) 










content.html 






70 クセ ル に 設定 
され て いま 


9 esos 

1 
で グイ に 

され て いま す 






解 一 般 的 な プラ ウザ で は 、 フ レー ム を 区 切る 境界 梓 は ドラ ッ グ し て 移動 で きる よう に 
月 記 な っ て いま す 。 
noresize 属 性 を 指定 する と 、 こ の 境界 枠 の 移動 を で き な い よう に し て 、 フ レー ム の 表 
示 領 域 を 固定 する こと が で きま す 。scrolling 属 性 は 、 そ の フレ ー ム の 内 容 を 表示 す 
る 場合 の スク ロー ル に 関す る 設定 を し ます 。marginwid 山 属性 と marginheight 属 性 
は 、 そ の フレ ー ム 内 の マー ジン を 設定 し ます 。 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Frameset//EN" 
衝 ジ "htp : / /www . w3 . org/TR/REC-htm1 40/fFrameset .dQtd"> 月 
<HTML, ]ang="]a"> 

<HEAD> 

<TTTLE> フ レー ム 内 で の 表示 方 法 サ ン ブ ル </TTTLE> 

< く / HEAD> 


フレ ー ム 





昌 ぷ 図 4 トー で 
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<FRAMESET rows="70,* リ "> 
< く FRAME SrC=" 上 ユヒ ]e.htm] " soro111ing="no" noresize> 
<FRAMESET co]1s="150,*"> 
<FRAME Src="menu .htm1" marginwidth="0" SN 
=Om> 
<FRAME src="cContent .htm1" marginwidth="50" IM 
="30"> 
< く /FRAMESET> 
<NOFRAMES> 
< く BODY> 
MD 
</BODY> 
< く /NOFRAMES> 
< く /FRAMESET> 


</HTML> 








フレ ー ム 利用 時 の 注意 


フレ ー ム は 、 様 々 な 環境 を 知っ た 上 で 上 手 に 利用 し な いと 、 と て も 見 る 気 に な か れ な い 
ペー ジ に な っ て し まう 危険 性 が あり ます 。 


まず 、 分 割 され た 各 フ レー ム の サイ ズ を 変更 (フレ ー ム 枠 を 移動 ) で き な い よう に し た 
り 、 フ レー ム の 枠 自体 を 消し て し まっ た 場合 、 ど の 環境 で 見 て も フレ ー ム の 内 容 が そこ 
に うま く 収 まっ て いる か どう か と いう 問題 が の め り ま す ( ス クロ ー ル も 不可 に な っ て いる 場 
合 は 、 更に 深刻 で す )。 

すべ て の フレ ー ム の 大 き さ を ウイ ンド ウ に 対す る パー セン テー ジ で 指定 し た 場合 、 大 
き な 画 面 で は 普通 に 見 えて も 小さ な 画面 で は 1 部 し か 表示 され ず 、 ど うに も な ら な いし 場 
合 が あり ます 。 

また 、 文 字 の サイ ズ は 環境 に よっ て ビッ クリ する ほど 違っ て いる 場合 が あり ます し 、 
フォ ー ム で 使わ れる メニ ュー や テキ スト フィ ー ル ド な ども 、 環境 に よっ て その 大 き さ が 
か が なり 違い ます 。 画像 な どの 大 き さ が 固定 の も の は 別 と し て 、Web 上 の 多く の も の は 大 
きき さ が 常 に 同じ で は な いこ と に 注意 し て くだ さい (で きれ ば 様々 な 環境 で 確認 し て みる こ 
と を お 勧め し ます )。 


上 l""… 


その 他 に も 、] 度 に 複数 の 文書 を 読み 込む た め ロ ー ド や 再 表示 に 時 間 が か か る と いう 
こと や 、 任 意 の ペー ジ を ブッ クマ ー ク する こと が で き な い な どの 理由 で 、 フ レー ム が 賑 
い だ と いう ユー ザー は か が なり いま す 。 以上 の よう な 点 を 考慮 し た 上 で 、 そ の ペー ジ に は 
フレ ー ム を 使う べき か どう か 、 ま た 、 フ レー ム の 割方 法 や サイ ズ 、 そ の 他 の 指定 は 敵 
切 か どう か を 確認 し て みて くだ さい 。 















3 フレ ー ム を 区 切る 枠 の 表示 / 非 表示 を 設定 する 


<FRAME Frameborder=" 芝 の 表示 凍 定 "> 


【 枠 の 表示 指定 】 
1 表示 (デフォルト) 


O 非 表示 

















content.html 


」 


解 その フレ ー ム と 隣り 合う フレ ー ム を 区 切る 枠 を 表示 する か どう か を 設定 し ます 。 
委 】 一 般 的 な プラ ウザ で は 、 こ の 属性 を FRAMESET 要 素 に も 指定 で きま す が 、HTML 
4.0 で 定義 8 れ て いる の は FRAME 要 素 の 属性 だ なけ で す 。 こ こ で いう 枠 と は 、 一 般 的 
に 立体 的 に 表示 され る 枠 の こと で 、 こ れ を 非 表示 に 設定 し て も フレ ー ム と フレ ー ム 
の 間 の (平面 的 な ) 空 間 は 残り ます 。 
また 、 あ る フレ ー ム の 枠 を 非 表 示 に 設定 し て いて も 、 隣 り 合 う フ レー ム の 枠 が 表示 
され る よう に 設定 され て いる 場合 に は 、 そ の 間 の 枠 は 表示 され ます 。 


RW <FRAMESET rows="70,* リ > 
の <FRAME Sro=" 上 ュ 上 1e.htm1 "> 
記 <FRAMESET co1s="150,*"> 
<FRAME Src="menu.htm1" Frameborder="0"> 
<FRAME Src="cConEent .htm1" Frameborder="0"> 
< く /FRAMESET> 
<NOFRAMES> 
<BODY> 
) 
</ BODY> 
</NOFRAMES> 
< く /FRAMESET> 


上 に "> 








上 際 「 フ レー ム 」 の 「 フ レー ム を 区 切る 枠 を 完全 に 消す 」: 次 項 参照 





フレ ー ム 敵 式 


フレ ー ム を 区 切る 枠 を 完全 に 消す 


<FRAMESET Frameborder="0" border="0" Framespacing="0"> 一 
< く /FRAMESET> 








Bi 


用 
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content_html 


frameborder 属 性 を 利用 する と フレ ー ム を 区 切る 枠 を 非 表示 に する こと は で きま す が 、 
その 場合 は フレ ー ム と フレ ー ム の 間 の 空間 が 残っ て し まい ます 。 こ の 空間 も 含め て 、 
梓 を 完全 に 消す た め に は 、Netscape Navigator と Internet Explorer で 独自 拡張 され た 
属性 を 利用 する 必要 が あり ます 。 

具体 的 に は 、frameborder 属 性 に 加え て 、Netscape Navigator の border 属 性 と Internet 
Explorer の framespacing 属 性 の 両方 を 0 に 指定 する こと に よっ て 、 梓 は 完全 に 表示 さ 
れ な く な り ま す 。 

この 方 法 は 、HTML4.0 で 正式 に 定義 され て いる も の で は な く 、 あ くま で ユー ザー が 多 
い 前 述 の 両 プ ラウ ザ で の み 有 効 な 方 法 で す 。 こ の 機能 を 利用 する こと に よっ て 、 フ レー 
ろ の サイ ズ が 変更 で き な く な る な どの 弊害 も ああ る こと を 覚え て お いて くだ さい 。 


Ki <HTML, 1ang="a"> 

2 証 <HEAD> 
<TTTLE> フ レー ム を 区 切る 枠 を 完全 に 消す サン プル </TTTLE> 
</HEAD> 


<FRAMESET rows="70,*" Erameborder="0" border="0" | 
Spacing="0 リ "> 
<FRAME Sro=" 上 1 ュ 上 1e.htm1 "> 
<FRAMESET cols="150,*"> 
<FRAME sro="menu .htm1 "> 
<FRAME src="content .htm1 "> 
</FRAMESET> 
<NOFRAMES> 
<BODY> 
) 
</ BODY> 
</NOFRAMES> 
</FRAMESET> 


</HTML> 








上 注意 「 フ レー ム 利 用 時 の 注意 」:P.1 75 参 照 


フレ ー ム を オフ に で きる ブラ ウザ 

フレ ー ム を 表示 し な いよ うに 設定 する こと の で きる ブラ ウザ と し て は Opera が 有名 で 
す が 、 実は Internet Explorer の バー ジョ ン 4.x で も 可能 だ と いう こと は あま り 知ら れ て 
いな いよ う で す 。 この 設定 は 、Macintosh 版 の バー ジョ ン 4.x で も 可能 で す の で 、 ソ フ 
ト を お 持ち の 方 は 、 ぜ O 試 し て みて くだ さい 。 

た だ し 、 バ ー ジ ョ ン 5.x で は 設定 で き な く な っ て いま す 。 
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<NOFRAMES> </NOFRAMES> 


いり 


2 








Lynx で は 、NOFRAMES で 指定 し た 内 
容 が 表示 され 、 か つ 各 フレ ー ム へ の 文 
書 へ の リン ク も 付け られ る 。 そ の 場合 、 
FRHAME 要 素 の name 属 性 の 値 で リン 
ク さ れる 。 


フレ ー ム を サポ ー ト し て いな い プ ラウ ザ を 使っ て いる 場合 や 、 フ レー ム 機 能 を オフ 
に し て いる 場合 な ど 、 フ レー ム が 表現 で き な い 場合 に 表示 させ る 内 容 を 指定 し ます 。 
この 要素 は 、<FRAMESET> 一 </FRAMESET> の 範囲 の 最初 か 最後 に 1 つ だ け 配 置 し 
て くだ さい 。 

また 、<NOFRAMES> 一 </NOFRAMES> の 中 に は BODY 要 素 を 配置 し て 、 内 容 は そ 
の 中 に 記述 し ます 。 内容 と し て は 、「 フ レー ム に 対応 し た プラ ウザ で 見 て くだ さい ] 
と いう よう な も の で は な く 、 フ レー ム 版 の 代わ り と な る 内 容 そ の も の や 、 別途 作成 
し た フレ ー ム 未 対応 用 ペー ジ へ の リン ク な ど を 入れ る よう に し て くだ さい 。 


< く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML, 4 .0 Frameset//EN" 

"http : / /Www .w3 . org/TR/REC-htm140/Frameset .Qtd"> 則 
<HTMTL, 1ang="]a"> 
<HEAD> 
<TTTLE> フ レー ム 未 対応 用 サン プル </TTTLE> 
</ HEAD> 
<FRAMESET rows="70,* リ "> 

<FRAME sro=" 人 it1e.htm1" name="1oqo"> 

<FRAMESET Col1s="150,*"> 

<FRAME Sroc="menu .htm1" name="menu"> 
<FRAME Src="conent .htm1" name= "content "> 

</FRAMESET> 

<NOFRAMES> 

<BODY bgoco1or="#FEFCC00 "> 

<H1>WWW 人 入門 </H1> 

< く UL> 

< エエ ><A hrefF="ht .htm1 ">HTML</A></ エ エッ 

<L エ ><A hrefF="ss .htm1">Sty1e Shee</A></ エ エッ 

<L エ ><A href="]s .htm1 ">JavaSc エ ip 上 </A></L エ > 

< く /U エ L> 

</BODY> 

</NOFRAMES> 
</FRAMESET> 
</HTML> 








は 、 海道 で 的 る こと の で きる 魚 を 紹介 し 


・ ー ジ で は PT CiW 
a ナ ます . 左 の フレ ー ム の 中 か ら 好 き な 魚 の 名 前 を クリ 
と 急 の 名 前 を グリ ・ 7 加 

に 放さ われ ます ・ ヵ 2 する と 全員 と 解 が 表示 され ます 























ソイ (は 真 枯れ と 呼ば れ 。 
時 


ーー スー ンー 
6 た た め 、 





4 了 M の 釣り 場 で | 
クロ ソイ ムラ ソイ (方 名 ハチ ガラ )・ キ ツネ メリル ・ タ ヌ 
キメ リル * シ マソ イ な ど を 釣る こと が で きる , 























フレ ー ム 内 の 文書 で 指定 され て いる リン ク は 、 そ の まま だ と リン ク 先 を 同じ フレ ー 
ム 内 に 表示 し ます 。 

これ を 他 の フレ ー ム に 表示 する よう に し た い 場 合 に は 、targer 属 性 を 利用 し ます 。 
target 属 性 に は 、 あ ら か じ め FRAME 要 素 の name 属 性 で 指定 し て ある フレ ー ム の 名 前 
を その まま 指定 し ます 。 こ の targer 属 性 は 、 フ レー ム と ウイ ンド ウ を 同様 に 扱い ます 
の で 、 リ ンク 先 を 別 の ウイ ンド ウ に 表示 させ る こと も 可能 で す 。 

また 、 フ レー ム 名 に は 「_top] の よう に 「_| で 始ま る 4 つの 特別 な 名 前 が あり ます 。 こ 
れ に つい て は 、Tip「 タ ー ゲ ッ ト 名 に つい て ](P.179) を 参照 し て くだ さい 。 
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・ フ レー ム を 定義 し て いる 文書 
<!DOCTYPE HTMI, PUBLTC "-//W3C//DTD HTML, 4.0 Framese//EN" 
"http : / /www . w3 . org/TR/REC-htm140/Erameset .dEd"> | 
<HTMT, 1ang="]a"> 
<HEAD> 
<TTTLE> 北 の お さか な 図鑑 </TTTLE> 
く /HEAD> 
<FRAMESET rows="70,* リ > 
<FRAME sc=" 上 ュ it]1e.htm1" name="1ogo" scro111ing="no"> 
<FRAMESET cols="150,*"> 
<FRAME sro="menu .htm] " name= "menu"> 
<FRAME Sro="cContent .htm1" name="Conten キ "> 
</FRAMESET> 
<NOFRAMES> 
<BODY> 
) 
</ BODY> 
< く /NOFRAMES> 
</FRAMESET> 
</HTML> 


・ 左 側 の フレ ー ム の 文書 (menu.html) 

<!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1//EN" 
"hp : / /www . W3 . org/TR/REC-htm140/1oose .dtd"> 前 

<HTMT, 1ang="]a"> 


< く HEAD> 

<TTTLE> 北 の お さか な メニ ュー</TTTLE> 
</ HEAD> 

<BODY bgco1or="#FFFFFF"> 

< く UL> 


<L エ ><A href="so1.htm1" target="conten モ tm> ソ イ </A> 
<LT><A href="ainame .htm1" target="Contentm> ア イナ メ </ 入 > 
<LT><A href="ka]ika.htm1" target="content"> カ ジ カ </A> 
<L エ ><A hreE="hokike .htm1" target="Content 上 "> ホッ ツケ </A> 
<LT><A href="karei .htm1" target="content 上 "> カレ イ </A> 
<L エ ><A hreE="hirame .htm1" targe 上 ="Content 上 "> ヒラ メ </ 丸 > 
<LT><A href="sake.htm1" target="conEent 上 "> サケ </A> 

< エエ ><A href="maSu.htm1" targe モ ="Content 上 m> マ ス </ 丸 > 
<L エ ><A href="komai .htm1" target="conten ヒ 上 "> コマ イ </A> 
<L エ ><A hreE="haze.htm1" target="oConEen モ "> ハゼ </A> 
<L エ ><A href="ugui .htm1" targe モ ="conEen 上 m> ウ グイ </A> 
<L エ ><A href="1iika.htm1" targe も ="conten モ "> イ 力 </ 和 > 

< く /UL> 

</ BODY> 

</HTML> 


"htp : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 


・ 右 側 の フレ ー ム の 文書 (content.html) 
<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 0 
<HTMTL, 1ang="]a"> 


<HEAD> 

<TTTLE> 右 側 の フレ ー ム </TTTLE> 

</HEAD> 

<BODY bgco]1or="#FFFFFEF "> ム 
く P> 





この ペー ジ で は 、 北 海道 で 釣る こと の で きる 人 魚 を 紹介 し て いま す 。 左 の フレ ー ム の 中 か ら 好 き 
な 人 魚の 名 前 を クリ ッ ク す る と 写真 と 解説 が 表示 され ます 。 

</P> 

</ BODY> 

</ HTML> 








旧 除 「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 バ ス の 基準 と な る URL を 指定 する 」 :P.40 参 昭 
旧 具 「 リ ンク 」 の 「 リ ンク 先 を 別 の ウイ ンド ウ に 表示 する 」 :P.B2 参 照 


4 

レ 

1 

ム 
Kee 
区 
切 
の を 


作り リ ター ゲッ ト 名 に つい て 
リン ク 先 を 表示 する フレ ー ム や ウイ ンド ウ を target 属 性 で 指定 する 場合 あら か じ め 決 王 還 
め ら れ て いる 4 種類 の 特別 な 名 前 が あり ます 。 それ ぞ れ の 名 前 と 機能 は 次 の 通り で す 。 


_top フレ ー ム を 解除 し て 、 リ ンク 先 を ウイ ンド ウ 全 体 に 表示 する 

_parent リン ク 先 を リン ク 元 の フレ ー ム の 親 フ レー ム に 表示 する 。 親 フレ ー ム が 
な い 場 合 に は 、「_self」 と 同様 の 結果 に な る 

_self リン ク 先 を リン ク 元 と 同じ フレ ー ム に 表示 する 

_blank 新しい ウイ ンド ウ を 開い て 、 リ ンク 先 を その ウイ ンド ウ に 表示 する 。 そ 
の ウイ ンド ウ は 、 名 前 の な い 状 態 に な る 
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【 そ の 他 に 指定 可能 な 属性 

width フレ ー ム の 幅 ( ビ クセ ル ま た は %) 朋 
height _ フレー ム の 高 さ (ピク セル また は %) 本 = の 生 1 
marginwidth ” フレー ム 内 の 左右 の マー ジン (ピク セル ) 
marginheight フレ ー ム 内 の 上 下 の マ ー ジ ン (ピク セル ) 

Scrolling スク ロー ル (auto : 自動 yes : あり no : な い ) 

frameborder " フレ ー ム 枠 の 表示 非 表 示 (1 : 表 示 プ 0: 非 表示 ) 

align 行 揃え (left・ right・center) 












支援 技術 


Web ア クセ シビ リティ の 範囲 で 利用 され る 






ソフ トウ ェ ア に よる 支援 技術 と し て は 、 ス 【 用 語 解説 
クリ ー ン リー ダー 拡大 ソフ トウ ェ ー 
ーー デジ ン ルプ グラ フィ カル 左 の 用 語 を クリ ッ ク する 








トッ プ の ブラ 可能 な | と 、 こ の フレ ー ム に 解説 
声 入力 > リト ウ ェ ッ カ ど が あり ます 。 ハ | が 表示 され ます 。 
ー ド ェ ア に よる 支 技術 と し て は 、 代 選 
芋 キ ー ボ ー ド や 様々 な 種類 の ボイン ティ ング デパ イス ね ど が あり ます 。 







支援 技術 





スク リー ン リ ー ダ ー 










と くう ピー チ シ ン セ サ イザ 、 グラ 画面 上 に 表示 され て い 
5 デス クト ッ プ の プラ ウザ で 利用 可能 な | る 内 容 を 音声 で 読み 上 
と し て は 代 げ る ソフ トウ ェ ア 。 スタリ 
ー ド ウェ ア に よる と し て は 、 代 「 リー ダー は 選 
替 キ ー ボ ー ド や 様々 な 種類 の ポイ ン テ ィ ン グ デ バイ ス な ど が あり ます 。 





支援 技術 


の 灯 還 用 3 る ピー テモ サ 


じい 2 り 
2 と 4 の 
2 が り ま "ウェ ア に . CC は RW キ 
ー ド や 様々 22 栓 の か 3 / テ ィング 





フレ ー ム 


解 ウイ ンド ウ を 分 割 す る 形式 の フレ ー ム で は な く 、 ウ イン ドウ の 中 に 独立 し て 表示 さ 
角 れる イン ライ ン フ レー ム を 配置 し ます 。 フ レー ム 内 に は 、src 属 性 で 指定 され た 内 容 

が 表示 され ます 。 
<IFRAME> 一 </IFRAME> の 間 に は 、 こ の フレ ー ム を サポ ー ト し て いな い ブ プラ ウザ 
や 、 フ レー ム を 表示 し な いよ うに 設定 し て いる 場合 に 表示 させ た い 内 容 を 指定 し て 
お きま す 。 こ の フレ ー ム は 、FRAMESET 要 素 で 定義 8 れる フレ ー ム と は 異な り 、 
<BODY> 一 </BODY> の 男 囲 で 使用 され 、<!DOCTYPE> に 「HTML4.0 Frameset 
DTD] を 指定 する 必要 も あり ませ ん 。 


⑳⑰ <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 0 
ウ " http : / /www .w3 . ord/TR/REC-htm140/1oose .dtd"> 

<HTML, 1]ang="]a"> 

< く HEAD> 

<TTTLE> イン ライ ン フ レー ム ・ サ ンプ ル </TTTLE> 

</HEAD> 

<BODY bgco1or= "white"> 

<H1> 支 援 技 術 </H1> 

く P> 

<TFRAME gro="kaisetsu.htm1" name="term" w1dth="200" NN 

="120" a1ign=" ェ ight"> 

</ TFRAME> 

Web ア クセ シ ピ リティ の 範囲 で 利用 され る ソフ トウ ェ ア に よる 支援 技術 と し て は 、<A 

hrefE="sr.htm1" targe キ ="term"> ス クリ ー ン リー ダー</A> や <A hreE 

="sm.htm1" target="term"> 画 面 拡 大 ソフ トウ ェ ア </A> 、<A hreE="ss . 

htm1" target="term"> ス ピー チ シ ン セ サ イ ザ </A> 、 グラ フィ カル な デス クト ッ プ 

の プラ ウザ で 利用 可能 な <A hreF="v+1 .htm1" target="term"> 音 声 人 力 ソ フト 

ウェ ア </A> な ど が あり ます 。 ハ ー ド ウェ ア に よる 支援 技術 と し て は 、<A hrefE="ak. 

htm1" target="term" > 代替 キー ボー ド </A> や や 様々 な 種類 の <A href="pd. 

htm1" target="term"> ポ イン ティ ング デバ イス </A> な ど が あり ます 。 

<BR Clear=" ェ igh"> 

く /P> 

</ BODY> 

</HTML> 








フレ ー ム 





<SCRTPT type="MTME タ イプ ">ー</SCR エ PT> 
<SCRTPT type="M7rME タ イプ " 1anguage=" 言語 名 " src="ORL">ー 
</SCRTPT> 








MIME タ イプ スク リブ ト 言 語 の MIME タ イプ ( 例 : text/javascript) 








、 言語 名 スク リブ ト 言 語 の 名 前 ( 例 : JavaScript1.9) 
UHL スク リプ ト を 記述 し た 別 フ ァイル の URL 





解 HTML 文書 内 に スク リプ ト を 記述 する 場合 に 使用 し 、 ス クリ プ ト 言 語 は この 要素 の 
有史 範囲 内 に 記述 し ます 。 

この 時 、 こ の 要素 に 未 対応 の プラ ウザ が スク リプ ト 部 分 を 画面 に 表示 し て し まう こ 
と を 避け る た め に 、 通 常 は スク リプ ト 全 体 を HTML で の コメ ント に し て お きま す 。 
この 要素 は 、<HEAD> 一 </HEAD> と <BODY> 一 </BODY> の 範囲 内 の 任意 の 位置 に 
置く こと が で きま す 。rype 属 性 は HTML4.0 か ら 採 用 され た 属性 で 、 仕 様 上 は 必ず 指 
定 す る こと に な っ て いま す 。 Ianguage 属 性 は 、 古 く か ら 利用 され て いる 属性 で 、 バ パー 
ジョ ン に 依存 し た スク リプ ト を 使用 し た い 場合 な ど に 利用 され て いま す が 、 こ の 属 
性 は 廃止 され る 予定 と な っ て いま す 。src 属 性 は 、 ス クリ プ ト を 別 フ ァイル に 記述 し 
て お いて 、 そ れ を 呼び 出し て 使用 し た い 場 合 に 使用 し ます 。 


"ht て Ep : / / www .w3 . org/TR/REC-htm140/1oose .dtd"> 
<HTML, ]ang="]a"> 
<HEAD> 
<TTTLE> スク リプ ト ・ サ ン ブ ル </TTTLE> 
<SCRTP 呈 上 ype=" 上 ex 上 / JaVaSC エ 1Dt 上 "> 
に 
ifF (se1fF != op) 
top.1ocation.href = se1fF.1ocation . href : 
2 戸 コ テ 
</ SCRT エ PT> 
く / HEAD> 
<BODY> 


KU7 <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 2 


1 と: に Jr NE | 


< く / HODY> 
</ HTML> 








上 旧 「 ド バー ジ の 基礎 と な る 内 容 」 の 「 文 字 セ ッ ト や スタ イル シー ト ・- ス クリ ブ ト の 言語 を 指定 する 」:P35 参 昭 
具 「UavaScript に つい て 」 の 「JavaScript の 記述 方 法 (<SCRIPT> タ グ の 使い 方 )」 : Po54 参 昭 
上 具 「davaScript に つい て 」 の 「JavaScript の 記述 方 法 (JavaScript の 外部 呼び 込み 方 法 )」:P57 参 照 


1H82 。 スク リプ ト 










解 スク リプ ト が 実行 で き な い 場 合 に 、 代 わり に 表示 させ る 内 容 を 指定 し ま 


5 スク リプ ト が 実行 され な い 環 境 用 の 内 容 を 入れ る 


<NOSCRT エ PT>ー</NOSCRTPT> 


ボ 。 





設 記 し た が っ て 、 ス クリ プ ト が 実行 可能 な 状況 で は 、 こ こ に 記入 し た 内 容 は 表示 され ま 


せん 。 


この 要素 は 、<BODY> 一 </BODY> の 範囲 内 に 配置 する よう に し て くだ さい 。 
また 、 こ の 要素 の 内 容 と し て は 、「 ス クリ プ ト 対 応 の ブラ ウザ で 見 て くだ さい 」 と い 
う も の で は な く 、 ス クリ プ ト が 利用 で きる 場合 と 同じ よう な 意味 を 持つ 内 容 ( ま た は 、 


その よう な ペー ジ へ の リン ク ) を 入れ る よう に し て くだ さい 。 


稼 ジ "http : / /Www .w3 . org/TR/REC-htm140/1oose .dtd"> 
<HTML, ]ang="]a"> 
< く HEAD> 
<TTTLE> ス クリ プ ト が 実行 で き な い 環境 の た め の サ ン ブ プル </TTTLE> 
</HEAD> 
< く BODY> 
) 
<NOSCR エ PF> 
<P> 
スク リプ ト が 利用 で き な い 環境 の 方 は 、 
<A href="acs .htm1 "> アク セ シ ブ ル 版 </A> 
を ご 利用 くだ さい 。 
</P> 
< く /NOSCRT エ PT> 
) 
</ BODY> 
< く / HTML> 

















Y <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 32 








上 l 具 「UavaScript に つい て 」 の 「JavaScript の 記述 方 法 (<NOSCRIPT> タ グ の 使い 方 )] :P256 参 照 
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1. ス タイ ル シ ー ト に つい て 


HTML は 基本 的 に 文書 の 構造 を 示す た め に 使用 し ます が 、 そ れ に 対し て 見 栄え や ヤレ イア 
ウト な どの 表示 に 関す る 指定 を 専門 に 行う の が 、 こ の スタ イル シー ト で す 。 

スタ イル シー ト は まだ 完全 に は サポ ー ト され て お ら ず 、 思 い 通 り に 表示 され な い 場 合 も 
多い と は 思い ます が 、 そ れ で も HTML だ け で は 不可 能 な 多く の 表現 を 可能 に し て くれ ま 
す 。 そ し て 、 何 より も 大 事 な こ と は 、 ス タイ ル シ ー ト を 使う こと に よっ て 、HTML か ら 表 
示 に 関す る 指定 を 取り 除く こと が で きる と いう こと で す 。 

つま り 、 ス タイ ル シ ー ト を 適切 に 使う と いう こと は 、 最 終 的 に 「 そ の 文書 を より 多く の 
人 が 利用 で きる よう に する 」 と いう こと に も な り ま す 。 


実際 に は 、 ス タイ ル シ ー ト と いっ て も 何 種 類 か の 言語 が 存在 する の で す が 、 本 書 で スタ 
イル シー ト と いう 場合 に は 、 現 在 、 最 も 広く 利用 が 可能 と 思わ れる CSS(Cascading Sryle 
Shee0 の こと を 指し て いま す 。 そ し て 本 書 で は 、 そ の 中 か ら 現 在 、 実 際 に 利用 可能 な も の 
を 中 心 に 解説 を し て いま す 。 


m 8 人 い RN 四 5 


ら . 基 本 的 な 書き 方 
CSS は 、 基 本 的 に 次 の よう な 書式 で 記述 され ます 。 


セレ クタ { プロ パテ ィ : 値 } 


セレ クタ と は 、 ど の 要素 に 対し て スタ イル を 適用 させ る か を 指定 する 部 分 で す 。 こ の 部 
分 で スタ イル の 適用 対象 を 示し 、 そ れ に 続く {} の 中 に スタ イル を 記述 し ます 。 

プロ パテ ィ と は 、 セ レク タ で 指定 し た 要素 に 適用 する スタ イル の 種類 を 示す 部 分 で す 。 
色 を 表す [color]」 や 、 フ ォ ン ト サ イ ズ を 表す [font-sizel な ど が これ に あたり ます 。 こ れ に 続 
け て 「:」 記 号 と 値 を 記述 する こと で スタ イル を 設定 する こと が で きま す 。 ス タイ ル は 、[:」 
で 区 切っ て 複数 指定 する こと が で きま す 。 


・H1 要 素 の フォ ント サイ ズ を 24 ポ イン ト に 設定 し た 例 








H1 { font-size: 24pt } 








・H1 要素 の フォ ント サイ ズ を 24 ポ イン ト に 、 色 を 青 に 設定 し た 例 








H1 { font-size: 24pt: co1or: blue } 
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指定 する スタ イル が 多い 場合 に は 、 次 の よう な 書き 方 も で きま す 。 こ の 場合 、 ス タイ ル 
と スタ イル の 間 を 「:] で 区 切る こと を 忘れ を な いよ うに し て くだ さい 。 








010 
Font-size: 24p: 
co]1or: b]ue: 
0 
} 








3. ス タイ ル を 適用 する 対象 の 指定 


スタ イル を 適用 させ る 要素 を 特定 する セレ クタ に は 、 様 々 な 指定 方 法 が あり ます 。 
以下 に 基本 的 な 指定 方 法 を 示し ます 。 こ れ ら は 組み 合わ せ て 指定 する こと も 可能 で す 。 


要素 名 
セレ クタ と し て 要素 名 を 指定 する と 、 そ の 要素 に 対し て スタ イル を 適用 し ます 。 下 の 例 
で は 、HI1 要 素 の フォ ント サイ ズ を 24 ポ イン ト に 設定 し て いま す 。 














H1 { font-size: 24pt } 











要素 名 , 要素 名 , 要素 名 , ・・・ 
異な る 要素 に 対し て 同じ スタ イル を 指定 する 場合 に は 、 要素 名 を 「,] で 区 切っ て 指定 する 
こと が で きま す 。 下 の 例 で は 、H1 要 素 ・H2 要 素 ・H3 要 素 の 色 を 青 に 設定 し て いま す 。 











H1, H2, H3 ( color: Dblue } 











要素 名 . ク ラス 名 
. ク ラス 名 

特定 の クラ ス を 指定 し た 要素 に 対し て の み 、 ス タイ ル を 適用 し ます 。 ク ラス 名 の 前 に 要 
素 名 を 指定 し た 場合 は 、、 そ の 要素 の 中 で 指定 され た クラ ス が 指定 され て いる も の だ けが 対 
象 と な り ま す 。 下 の 例 で は 、class 属 性 に 「myclass] が 指定 され て いる 要素 の 色 を 青 に 設定 し 
て いま す 。 








.myclass { co1or: blue } 
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要素 名 #ID 

提 D 

特定 の ID を 指定 し た 要素 に 対し て の み 、 ス タイ ル を 適用 し ます 。ID の 前 に 要素 名 を 指定 
し た 場合 は 、 そ の 要素 の 中 で 指定 され た ID が 指定 され て いる も の だ けが 対象 と な り ます 。 
下 の 例 で は 、id 属 性 に [myid」 が 指定 され て いる 要素 の 色 を 青 に 設定 し て いま す 。 








#myid ({ co1or: blue } 








要素 名 要素 名 要素 名 ・・・ 

特定 の 要素 に 含ま れる 要素 に 対し て の み 、 ス タイ ル を 適用 し ます 。 上 位 の 要素 (階層 ) か 
ら 順 に 、 ス ペー ス で 区 切っ て 示し て いき ます 。 下 の 例 で は 、DIV 要 素 に 含ま れ て いる 
BLOCKQUOTE 要 素 の 中 に ある 要素 の 色 を 青 に 設定 し て いま す 。 








DTV BLOCKOUOTE P { color: blue } 








Ailink 
Avisited 
A:active 
A:hover 

リン ク 部 分 の 状態 に 応じ た スタ イル を 設定 し ます 。 標 準 の 状態 (link)、 す で に ペー ジ を 読 
み 込ん た 状態 (visired)、 リ ンク 部 分 で マウ ス の ボタ ン を 押し て いる 間 の 状態 (active)、 マ ウ 
スカ ー ソ ル が リン ク 部 分 の 上 に ある 状態 (hover) の 各 ス タイ ル を 設定 で きま す 。 下 の 例 で 
は 、 リ ンク 部 分 の 4 つの 状態 に つい て 、 そ れ ぞ れ 色 を 設定 し て いま す 。 








Ai:1ink { co1or: blue } 
A:visited ( co1or: green } 
Aiactive { co1or: black } 
A:hover ( co1or: ye11ow } 
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4. 単 位 に つい て 
CSS で 大 き さ を 指定 する 場合 に は 、 数 値 に 次 の 単位 を 付け て 示す こと が で きま す 。 
これ ら は 絶対 的 な 値 を 示す 単位 と 、 相 対 的 な 値 を 示す 単位 と の 2 つ に 分 類する こと が で 


きま す 。 
具体 的 な 大 き さ に つい て は 、 人 巻末 付録 の 「TWeb サ イズ チャ ー ト ] を 参照 し て くだ さい 。 





・ 絶 対 的 な 値 を 示す 単位 
In イン チ (1 イ ンチ =2.54cm) 
cm セン チ メ ー ト ル 
mm ミリ メー トル 
区 ポイ ント (1 ポイ ント =1/72 イ ンチ ) 
Pc パイ カ (1 パ イカ =12 ポ イン ト ) 
・ 相 対 的 な 値 を 示す 単位 


em その 範囲 で 有効 な フォ ント の 高 さ を 1 と する 単位 
6X その 範囲 で 有効 な フォ ント の 小文字 の 「x] の 高 さ を 1 と する 単位 
DX 1 ピク セル を 1 と する 単位 


% 他 の 基準 と な る 大 き さ に 対す る 割合 (基準 は それ ぞ れ 異な り ます ) 


5. 色 の 指定 方 法 


CSS で 色 を 指定 する に は 、 以 下 の 5 つ の 方 法 が あり ます 。 
具体 的 な 色 に つい て は 、 巻 末 付 録 の 「 カ ラー チャ ー ト 1-3] を 参照 し て くだ さい 。 


・1 6 進数 で 指定 する -1 - (#RRGGBB 形 式 ) 

HTML の 場合 と 同様 の 指定 方 法 で す 。「 族 記号 に 続け て 、RGB(Red・Green・Blue) の 各 
値 を 2 桁 ず つの 16 進 数 で 示し ます 。 

例え ば 、 赤 を 指定 する 場合 に は 「 考 FOO000] と な り ま す 。 


・1 6 進数 で 指定 する - 2 - (#HGB 形 式 ) 
この 指定 方 法 は 、 上 記 の 方 法 に 似 て いま す が 、RGB の 各 値 を それ ぞ れ 1 桁 ずつ の 16 進 数 
で 示し ます 。 こ の 値 は 、 指 定 し た RGB の 各 1 桁 の 値 を 2 つ 続け て 並べ た 数 値 と し て 解釈 され 


て 表示 され ます 。 
例え ば 、「 姓 36] と 指定 し た 場合 に は 「 姓 F3366」 を 指定 し た の と 同じ 結果 に な り ま す 。 し 


た が っ て 、 赤 を 指定 する 場合 に は 「 尋 00] と な り ま す 。 
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・10 進 数 で 指定 する (rgb(n.nn) 形式 ) 

この 指定 方 法 で は 、rgb に 続く () の 中 に R と G と B の 10 進 数 の 値 を それ ぞ れ 「,」 で 区 切っ て 
示し ます 。RGB の 各 値 は 0 一 255 の 範囲 で 指定 する こと が で きま す 。 

例え ば 、 赤 を 指定 する 場合 に は 「rgb(255,0.0)] と な り ま す 。 


・9% で 指定 する (rgb(n96.n96.n9%) 形 式 ) 

この 指定 方 法 で は 、rgb に 続く 0 の 中 に R と G と B の パー セン ト の 値 を それ ぞ れ 「,|] で 区 切っ 
て 示し ます 。RGB の 各 値 は 0% 一 100% の 範囲 で 指定 する こと が で きま す 。 

例え ば 、 赤 を 指定 する 場合 に は 「rgb(1009%6,096.09%%)] と な り ま す 。 


・ 色 の 名 前 で 指定 する 

HTML4.0 で 定義 8 れ て いる 16 色 を 名 前 で 直接 指定 する こと が で きま す 。 

また 、 シ ステ ム で 利用 され て いる 色 を 指定 で きる キー ワー ド も 用 意 さ れ て いる の で す 
が 、 現 在 の と ころ あま り サ ポー ト さ れ て いな いよ うな の で 、 こ こ で は 説明 を 省略 し ます 。 


6. コ メン ト の 書き 方 


CSS で は 、「/* ー 7 で 囲っ た 範囲 お ポコ メン ト に な り ま す 。 

コメ ント の 中 に 更に コメ ント を 入れ る こと は で きま せん 。 

また 、CSS の コメ ント と し て は 機能 し ませ ん が 、 古 い プ ラウ ザ な ど で ス タイ ル シ ー ト 部 
分 が 表示 され て し まう こと を 避け る た め に 、STYLE 要 素 内 で HTML の コメ ント 記号 [<L- 一 
ー>」 を 使用 する こと が で きる よう に な っ て いま す 。 








<STYLE type="text/css"> 
に ーー 
.warning { col1or: #EFO000 } /* 注意 は 赤 で ! る / 
#specia1 { Font-weight: bo1d } /* ここ だ け は 太字 */ 
ーー> 

< く / STYLE> 
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HTML に スタ イル シー ト を 組み 込む 


<STYLE type="texxt/CS8">ー</STYLE> 





解 HTML フ ァイル の 中 に スタ イル を 書き 込む 場合 に 使用 し ます 。 
有史 この 要素 は 、 必 ず <HEAD> 一 </HEAD> の 範囲 内 に 配置 する よう に し て くだ さい 。 

<STYLE> 一 </STYLE> の 範囲 に は 、 ス タイ ル を 直接 書き 込み ます 。 こ の 時 、 ス タイ 
ル シ ー ト に 未 対応 の プラ ウザ が スタ イル と し て 書い た 文字 自体 を 表示 し て し まう こ 
と を 避け る た め に 、 全 体 を HTML で の コメ ント と し て 「<!-- 一 -->] で 囲う よう に し 
ます 。 

この 方 法 は 、 複 数 の ペー ジ で 共通 する スタ イル で は な く 、 主 に ペー ジ 固 有 の スタ イ 
ル を 記述 する 場合 に 使用 され ます 。 


9 <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
レグ "hp : / /Www . W3 . ord/TR/REC-htm140/1oose .dtd"> 
中 <HTML 1ang="]a"> 
<HEAD> 


<TTTLE> スタ イル シー ト ・ サ ン ブ ル </TTTLE> 
<SBTYLE ype="ex/C88"> 


ス 
リー と タ 
BODY { /* BODY に 適用 */ 加 
co1or: #330000: /* 文字 色 */ ル 
jackground-Co1or: #FFCCO0: /* 背景 色 */ N 
margin-1eft: 3em /* 左 マ ー ジ ン */ ょ 
} 
提 人 
< く / STY エ 選 > 」 訂 民 征 可 
</HEAD> Eo 
< く BODY> 
<H1> スタ イル シー ト ・ サ ンプ ル </H1> 
く P> 
この 例 で は 、 文 字 色 ・ 背 景色 ・ 左 マー ジン を 設定 し て いま す 。 
</P> 
</ BODY> 
</HTML> 
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ス 

タ 

イ 

ル 

ジジ 

| 

ト 

を 

使 

う 
で 
= 芋 お = 






<LTNK re1="sty1esheet" hreF="ORL" type="texxt/csg"> 





別 ファ イル の スタ イル シー ト を 読み 込む 








UHL 


スタ イル を 記述 し た ファ イル の URL 





則 





スタ イル の み を 記述 し た 別 の ファ イル (拡張 子 は .css) を 読み 込ん で 利用 する 場合 に 使 
用 し ます 。 

この 要素 は 、 必 ず <HEAD> 一 </HEAD> の 範囲 内 に 配置 する よう に し て くだ さい 。 
複数 の ファ イル を 読み 込み た い 場合 に は 、 こ の 要素 を 必要 な 数 だ け 配 置 す る こと が 
で きま す 。 こ の 方 法 を 使用 する と 、1 つ の スタ イル シー ト を 複数 の HTML フ ァイル 
か ら 利 用 する こと が で きま す の で 、 同 じ サ イト 内 で 統一 させ た い ス タイ ル を 書い て 
お く と 便利 で す 。 


< く !DOCTYPE HTMTL PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 


"htEp : / /www .w3 .ord/TR/REC-htm140/1oose .Qtd"> | 
<HTMTL, ]ang="]a"> 
< く HEAD> 


<TTTLE> スタ イル シー ト ・ サ ンプ ル </TTTLE> 
<hTNK re1="sty1esheet" hrefF="deFau1t.cCss" type=" も exkt/Cgg"> 
< く / HEAD> 
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<BODY> 

<H1> スタ イル シー ト ・ サ ンプ ブル </H1> 

<P> 

この 例 で は 、 別 ファ イル で 定義 し た スタ イル を 読み 込ん で 、 
文字 色 ・ 背 景色 ・ 左 マー ジン を 設定 し て いま す 。 

< く /P> 

</ BODY> 

</ HTML> 





【 ス タイ ル を 記述 し た ファ イル (default.css) の 内 容 】 


BODY { /* BODY に 適用 */ 
co1or: #330000: /* 文字 色 */ 
background-Co1or: #FFCCO0: /* 背景 色 */ 
margin-]eft: 3em マー ジジ が 


} 








上 孤 「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 他 の ペー ジ と の 関係 を 表す 」 :P.38 参 照 
上 Tip「 ペ ー ジ 同士 の 関係 を 表す 値 ]:P.39 参 照 


上 スタ イル 立 合 時 の 優先 順位 


スタ イル を 記述 し た 別 ファ イル を 続け て 複数 読み 込ん だ 場合 、 そ の 中 で 指定 され て い 
る スタ イル が 競合 する 可能 性 が 出 て きま す 。 そ の 場合 に は 、 よ り 後 に 読み 込ん だ スタ イ 
ル が 有効 に な り ま す 。 

また 、 こ れ と は 別に STYLE 要 素 や style 属 性 を 利用 し た スタ イル が 、 更に 合 する 可 
能 性 も あり ます 。 こ の 場合 は 、 よ り 細か が い 部 分 で 指定 し て いる スタ イル が 優先 され ます 。 

例え ば 、 セ レク タ と し て 要素 を 指定 し て いる も の より は クラ ス で 指定 し て いる も の 、 
クラ ス で 指定 し て いる も の より は ID で 指定 し て いる も の が 優先 され ます 。style 属 性 を 利 
用 し て 要素 に 直接 指定 し て いる スタ イル は 、 更に 優先 順位 が 高く な り ます 。 
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タグ 内 に スタ イル シー ト を 組み 込む た め の 属 性 


< 要素 名 sty1e=" ス タイ ル "> 


スタ イル シー ト ・ サ ンプ ブル 





と の の アニ も ホアン ガ 





解 任意 の タグ に spyle 属 性 を 追加 し て 、 そ こ だ け に 有効 な スタ イル を 書き 込む こと が で き 
記 ます 。 複数 の スタ イル を 指定 し た い 場 合 に は 、 ス タイ ル を 「:|] で 区 切っ て 指定 し ます 。 
この 方 法 を 利用 する 場合 は 、 そ こ に 書か れ て いる スタ イル シー トト 言語 (CSS 以 外 も あぁ 
り 得 ます ) を 特定 する 手段 が あり ませ ん の で 、META 要 素 を 利用 し て 必ず デフ ォ ル ト 

の スタ イル シー ト 言 語 を 宣言 し て お く よ う に し て くだ さい 。 


R7 < く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"hp : / /www .w3 .or9/TR/REC-htm140/1oose.dtd"> 

<HTML, 1]ang="]a"> 

< く HEAD> 

<TTTLE> スタ イル シー ト ・ サ ン ブ ル </TTTLE> 

<META http-equiv="Content-Sty]1e-Type" content="text/css"> 

く / HEAD> 

<BODY st 上 yl1e="Co1or: #330000: background-co1or: #FFCC00"> 

<H1 sty1e="Co1or: #FFFFFF"> スタ イル シー ト ・ サ ンプ ブル </H1> 

<P gty1e="marg1n-]1efFt: 3em"> 

この 例 で は 、BODY 要 素 に 文字 色 と 背 景色 を 、H1 要素 に 文字 色 を 、 

E 要 素 に は 左 マ ー ジ ン を 設定 し て いま す 。 

</P> 

</ BODY> 

</ HTML> 


N ゝ 
Na 
RSN 


昌 ざ 浴 呈 テ ー パ (で さ 必 








上 「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 文 字 セ ッ ト や スタ イル シー ト ・ ス クリ ブ ト の 言語 を 指定 する 」:P.35 参 照 
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#7 の 名 {スタ イル } て < 要素 名 1q="TD 名 "> 
・ ク ラス 名 {スタ イル } て < 要素 名 c1ass=" ク ラス 名 "> 





これ は 普通 の 段 共 で す 。 
[注意 1】 意 

これ は 普通 の 段 座 で す 。 
[注意 2】 主意 し て くだ さ 
これ は 特別 な 段 導 で す 。 


これ は 普通 の 段落 で す 。 


( 意 11OO に 注意 


これ は 普通 の 段落 で す 。 
【 注 意 2】 に 注意 


これ は 特別 な 段落 で す 。 





あら か じ め ID 名 や クラ ス 名 を 指定 し て スタ イル を 定義 し て お き 、 そ れ を id 属性 や class 
包 史 属性 で 指定 し た 要素 だ け に 適用 させ る こと が で きま す 。 

id 属性 で 指定 する ID 名 は 、 そ の HTML フ ァイル の 中 で 1 つの 要素 に し か 適用 する こ 
と が で きま せん の で 、 例 外 的 な 固有 の 部 分 に 対し て 使用 し ます 。class 属 性 で 指定 す 
る クラ ス 名 は 、 同 じ も の を 複数 の 要素 に 対し て 指定 する こと が で きま す 。 
「 氏 DD 名] を 「 要 素 名 前 D 名 ] の よう に 書く と 、 指 定 し た 要素 に 対し て の み 有 効 な ID 名 
を 定義 を する こと が で きま す 。 同様 に 「. ク ラス 名 ] を 「 要 素 名 . ク ラス 名 ] の よう に 書 
く と 、 指 定 し た 要素 に 対し て の み 有 効 な クラ ス 名 が 定義 で きま す 。 


1? < く !DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 凍ら コ 
ンプ "http : / /www .w3 .org/TR/REC-htm140/1oose .Qtd"> 


人 M <HTML, 1ang="]a"> 
<HEAD> イ 
<TTTLE> 定 義 済み の スタ イル を 適用 する サン プル </TTTLE> ル 
<STYLE type= "tex 上 /csSs"> t 

宏和 届 ニー 
・warning { co1or: #FE0000 } /* 注意 は 赤 で ! 4 ま 
非 gpecia1 ({ Font-weight: bo1d } /* ここ だ け は 太字 */ 3 
ーー テ 
</ STYLE> ーー 
く /HEAD> 
<BODY> 


<P> こ れ は 普通 の 段落 で す 。</P> 

<P c1asg="warn1ng">【 注 意 1】 〇 〇 に 注意 し て くだ さい 。</P> 
<P> こ れ は 普通 の 段落 で す 。</P> 

<P cl1ass="warning">【 注 意 2】 〇 〇 に 注意 し て くだ さい 。</P> 
<P id=mspecia1 "> これ は 特別 な 段落 で す 。</ P> 

</ BODY> 

</ HTML> 
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< く 8PAN> 一 </ SPAN> 
< く D エ > </D エ V> 


CENTER 要 素 を 使う な ら … CENTER 要 素 を 使う な ら … 


上 素 を 使う ぉ ら . 

ENTER 要 素 を 使う 3 ら 、 この 本 生 朋 て 
この ply 枝 重 を 利用 し て スタ イル シー ト の texa-algm を 

スタ イル シー ト の text-align を 使っ た 方 が よい で し ょ う 。 
使っ た 方 が よい で し ょ う 。 





解 SPAN 要 素 は それ が イン ライ ン の 要素 で ある こと を 、DIV 要 素 は それ が プロ ッ ク レ 
ベル の 要素 で ある こと を 示し 、 他 に 要素 と し て の 意味 を 特別 に 持っ て は いま せん 。 
し た が っ て 、 他 の 要素 で 特に 指定 され て いな い 男 囲 を 、 ス タイ ル を 適用 する 目的 の 
要素 と し て 指定 する 場合 な ど に 利用 し ます 。 

多く の 場合 、id 属 性 や class 属 性 な ど と 共に 利用 され ます 。 


3 


<!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
"http : / /www . w3 . org/TR/REC-htm140/1oose .dtqd"> J| 
<HTMT, 1ang="]a"> 
< く HEAD> 
<TTTLE> 任 意 の 範囲 に スタ イル を 適用 させ る サン プル </TTTLE> 
<STYLE type= "ex 上 /CsS"> 
< く ! ーー 


DIV.specia] { text-a1ign: center } /* セン タリ ング */ 


Na 
4 


ン 


。 仙 まま の も 、( eoLeFs で ed ) /* 赤 で 表示 */ 
.deprecated { co1or: green } /* 緑 で 表示 */ 
= 雪 

</ STYLE> 

く / HEAD> 

< く BODY> 


<DTV class="spec1a1 "> 

<H1>CENTER 要 素 を 使 つ うなら …</H1> 

< く P> 

<SPAN class="deprecaed ">CENTER 要 素 </ SPAN> を 使う な ら 、<BR> 
この <8PAN cl1ass=" Strict">DTV 要 素 </S8PAN> を 利用 し て <BR> 
スタ イル シー ト の text-a1ign を <BR> 

使っ た 方 が よい で し ょ う 。 

</P> 

< く / D エ V> 

</ BODY> 

</ HTML> 


| ざ 六 愉 テ ー パ (で 必 
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文字 色 の 指定 


文字 色 の 指定 





文字 の 色 ( 前 景色 ) を 設定 し ます 。 
仕様 上 は 、 す べ て の 要素 に 対し て 設定 で きる こと に な っ て いま す が 、 プ ラウ ザ の サ 
ポー ト 状 況 に よっ て は 色 が 変化 し な いも の も あり ます 。 


【CSS】 

BODY { 
co1or: #330000: /* 文字 色 */ 
background-co1or: #FF6600: /* 背景 色 */ 


} 
A:1ink ( co1or: #FFFFO00 } /% り リ シク * ア 

A:Visited {oo1or: #FFFF66 } /* すでに 見 た リン ク */ 
Ai:active { oo1or: #000000 }) /* クリ ッ ク し た 時 の リン ク */ 
ム A: 


hover ( co1or: #FFFFFF )  /* カー ソル が 上 に ある 時 の リン ク */ の 

H1 { co1or: #FFFFEFE } /* レベ ル 1 の 見 出し */ イ 
ル 

【HTML】 ィ 
<BODY> ょ 
<H1> 文 字 色 の 指定 </H1> 
<P> に 
スタ イル シー ト て で 文字 色 を 指定 する の は 意外 と 簡単 で す 。 実際 に は 、 な 
<A href="co1orspeoc . htm1 "> 色 の 指定 方 法 </A> は 色々 と あり ます が 、 Ii 
ここ で は <A href="co1or01 .htm1 "> 基本 的 な 方 法 </A> を 紹介 し ます 。 


</P> 
</ BODY> 








上 「 ス タイ ル シ ー ト に つい て 」 の [スタ イル を 適用 する 対象 の 指定]:P.185 参 照 
上 l 孤 「 ス タイ ル シ ー ト に つい て 」 の 「 色 の 指定 方 法 」:P.187 参 照 
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| ざ 澄 褒 テ ー パ で 半 居 





bacikkground-co1or: 名 









時 色 を 指定 する 


背景 の 色 を 設定 し ます 。 

色 の 値 と し て 「transparent| を 指定 する と 、 背 景 が 透明 に な っ て 下 の 背景 と 同じ 色 に 
な り ま す 。 こ こ で 設定 し た 色 は マー ジン と 枠 の 部 分 に は 適用 され ませ ん 。 
仕様 上 は 、 す べ て の 要素 に 対し て 設定 で きる こと に な っ て いま す が 、 プ ラウ ザ の サ 
ポー ト 状 況 に よっ て は 色 が 変化 し な いも の も あり ます 。 


【CSS】 

BODY ( background-cCo1or: #FF6600 }) /* 全体 の 背景 は オレ ンジ */ 
H1 { background-co1or: white } /* 見 出し の 背景 は 白 */ 

P { background-Co1or: #FFEFFO00 } /* 段落 の 背景 は 黄色 */ 


TABLE { background-co1or: white } /* 表 の 背景 は 白 */ 


【HTML】 

< く <BODY> 

<H1> 背 景色 の 指定 </H1> 

<P> 

スタ イル シー ト を 利用 する と 、 す べ て の 要素 に 対し て 背景 色 を 設定 する 
こと が で きま す 。 

</P> 

<TABLE border="2"> 

<TR><TH> 名 前 </ TH><TH> 年齢 </TH><TH> 性 別 </TH></TR> 
<TR><TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD></TR> 
</TABLE> 

</BODY> 
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育 景 画像 を 指定 する 








| 名 前 年 齢 性 別 
岡 茂 龍一 85 男 





7 人 議 再 景 の 画像 を 設定 し ます 。 
有史 仕様 上 は 、 す べ て の 要素 に 対し て 設定 で きる こと に な っ て いま す が 、 プ ラウ ザ の サ 
ポー ト 状 況 に よっ て は 背景 画像 が 表示 され な いも の も あり ます 。 


9 語 (eES) 
ンス BODY { baockground-image: ur1("back.giE") } 

H1, P, TABLE { background-image: ur1("cloth.gifF") } の 
ビー 

【HTML】 2 

<BODY> | 

<H1 > 背景 画像 の 指定 </H1> 

<P> 使 

スタ イル シー ト を 利用 する と 、 RA io) 

設定 する こと が で きま す 。 5 

< く / P> Me 下 


< く TABLE Dorder="2"> 

<TR><TH> 名 前 </ TH><TH> 年 齢 </TH><TH> 性 別 </TH></TR> 
<TR><TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </TD></TR> 
</ TABLE> 

</ BODY> 
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育 時 画像 の 並び 方 を 指定 する 


background-repeat: 履 び 方 


【 並 び 方 】 
repeat 。 縦横 に タイ ル 状 に 繰り 返し て 表示 
repeat-X 左上 か ら 横 方 向 に の み 繰 り 返 し て 表示 
repeat-y 左上 か ら 縦 方 向 に の み 繰り 返し て 表示 
no-repeat 繰り 返さ ず に 1 つ だ け 表 示 

















no-repeat no-repeat 


eee 


repeat-y 

















repeat-y 














ス 
タ 
イ 
ル 
シ 
| 
ト 
を 
合 
う 
3 
Wi 
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7 議 議 萌 景 画像 が 指定 され た 場合 の 、 画 像 の 並び 方 を 設定 し ます 。 
朋 計 仕様 上 は 、 す べ て の 要素 に 対し て 設定 で きる こと に な っ て いま す が 、 プ ラウ ザ の サ 
ポー ト 状 況 に よっ て は うま く 表 示さ れ な い 場 合 も あり ます 。 


R7 【CSS】 
ンス BODY { 
background-cCo1or: white: 
background-1mage: ur1 ("back.giE" ) : 
bacjkgrOund- エ GDGa 七 : mnO- エ GDea ヒ 上 
} 
H1 { text-a1ign: right } 


【HTML] 
< く <BODY> 
<H1>no-repea キ </H1> 
</ BODY> 
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邊 京 回 像 の 表示 位置 を 指定 する 


background-pogition: 表示 位置 


語 80| [表示 位置 
]。 杜 人 7 汗 位置 。 単位 付 さ の 数 値 ま た は %. p 
横 位置 縦 位置 left ・right・center・top・bottom 














center center = 50% 50% | 


right bottom = 100% 100% 
5 先 。 


4 背景 画像 が 指定 され た 場合 の 、 画 像 の 表示 位置 を 設定 し ます 。 

麗 単位 付き の 数 値 と % に よる 指定 の 場合 は 、 横 位置 ・ 縦 位置 の 順に スペ ー ス で 区 切っ 
て 指定 し ます 。 値 が 1 つ し か 指定 され な か っ た 場合 は 、 横 位置 が 指定 され た こと に 
な り 、 そ の 場合 の 縦 位置 は 「50%6] の 位置 に な り ま す 。 単位 付き の 数 値 の 場合 は 、 領 
域 の な 上 か ら 画 像 の 左上 まで の 距離 を 指定 し ます 。% に よる 指定 の 場合 は 、 領 域 の 
指定 し た 割合 の 位置 に 、 画 像 の 同じ 割合 の 位置 が 合わ せ て 表示 され ます 。 
これ ら は 混在 させ て 指定 する こと が 可能 で す 。 位置 を 示す キー ワー ド (lcft、top な ど ) 
は 、 そ れ ぞ れ left と top は 「09%」、center は 「509%%]、right と bottom は 「1009%」 を 指定 し 
た 場合 と 同じ 結果 に な り ま す 。 こ れ ら は 順不同 で 指定 する こと が で き 、1 つ し か 指 








タ 定 し な か っ た 場合 は 、 も う 一 方 が center に な り ま す 。 
ル 
旬 【CSS】 
ト イク BODY { 
を background-co1or: white: 
人 background-1mage: ur1] ("1ogo.g1E") : 
background-repea : no-repeat 
ーーー background-po5ition: right bottom 
} 
【HTML】 
< く BODY> 
<P>1ght botEom = 100 も 100%</P> 
</BODY> 
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痛 時 画像 を 固定 する 


background-attaohmen: 同定 する か どう か が 











【 固 定 す る か どう か 】 
fixed 背景 画像 の 位置 を 固定 する 
scrol 背景 画像 を 他 の 内 容 と 共に スク ロー ル さ せる 











コ 


ヒラ メ は フィ ッシュ イー ター 


ヒラ メッ を 初め て 約 り あげ た 時 














ヒラ メ を 初め て 釣り あげ た 時 、 
その 鋭い 歯 に 驚く アン グラ ー も 多い 。 
その 主食 は 、 生き た 魚類 、 エビ 類 、 イカ 類 な ど で 
動い て いる も の を 食べ る 習性 が ある 。 


動い て いる も の を 食べ る 習性 が ある 。 


ヒラ メ を 狙う 場合 は 、 より 還 く へ キャ スト する こと も 
重要 だ が 、 ルアー は より リア ル な も の を チョ イス し た い 。 
私 の 経験 で は 、 メタ ル ジ グ よ り (4 ミ ノー、 ミノ ー よ り は 
ソフ トル アー が より 好 釣 果 を 招く よう だ 。 


ヒラ ァ を 狙う 場合 は 、 より く へ キャ スト する こと も 

重要 だ が 、 ルアー は より リア ル な も の を チョ イス し た い 。 
私 の 経験 で (は 、 メタ ル ジ グ より (は ミノ ー、 ミノ ー よ り は 

ソフ トル アー が より 好 釣 果 を 招く < よう だ 。 





| 





背景 画像 が 指定 され た 場合 に 、 そ れ を 他 の 内 容 と 共に スク ロー ル さ せる か 、 他 の 内 

表 】 容 と は 別に 固定 され た 位置 で 表示 する か を 指定 し ます 。 初期 値 は [scrolll] で す 。 
仕様 上 は 、 す べ て の 要素 に 対し て 設定 で きる こと に な っ て いま す が 、 プ ラウ ザ の サ 
ポー ト 状 況 に よっ て は うま く 固 定 さ れ な い 場 合 も あり ます 。 
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【CSS】 

レン BODY { 

jackground-Co1or: white: 
background-1mage: u エ 1 ("hirame .difF") : 
background- エ reDea : no-reDea : 
bacjkkground-at モ aohment: Fixedz 


margin-top: 100px: 7 正 マ ニー ジ ジン *7 
text-a1ign: right /* 右 揃え */ 
} 
P { 1ine-height: 2em } /* 行 の 高 さ */ 
【HTML】 
<BODY> 


<H1> ヒ ラメ は フィ ッシュ イー ター</H1> 

く P> 

ヒラ メ を 初め て 釣り あげ た 時 、<BR> 

その 鋭い 歯 に 驚く アン グラ ー も 多い 。<BR> 

その 主食 は 、 生 きた 人 類 、 エ ピ 類 、 イ カ 類 な ど で 、<BR> 
動い て いる も の を 食べ る 習性 が ある 。 

く / PB> 


<P> 

ヒラ メ を 狙う 場合 は 、 よ り 遠 く ペ へ キャ スト する こと も <BR> 
重要 だ が 、 ル アー は より リア ル な も の を チョ イス し た い 。<BR> 
私 の 経験 で は 、 メ タル ジグ より は ミノ ー、 ミ ノー より は <BR> 
ソフ トル アー が より 好 釣 果 を 招く よう だ 。 

< く /P> 


く / BODY> 








(lf 背景 を まとめ て 設定 する 


背景 に 関す る 指定 は 、「backgroundj」 と いう プロ パテ ィ を 使用 する と 、 ま と め て 行う 
こと が で きま す 。 この 場合 、 背景 に 関す る 各 プ ロ パ ティ で 利用 で きる 値 を 、 必 要 な だ け 
スペ ー ス で 区 切っ て 任意 の 順序 で 指定 で きま す 。 


【 例 。P { background: ur1 ("back.gifF") #FFFFFF 50% no-repeat fixed } 


スタ イル シー ト 











line-height: normal 


行 の 高 さ は 文章 の 読み や すさ に 影響 し ます 。 


狭 すぎ て も 広 す ぎ て も 読み に くく な り ま す 。 
行 数 が 少な い 場合 は 行間 が 少な く て も 比較 
的 読み や すく 、 1 行 の 文字 数 が 多い 場合 は 
行間 が 狭い と か な り 読み に くく な り ます 。 


line-height: 150% 


行 の 高 さ は 文章 の 読み めす さ に 影響 し ます 。 


狭 すぎ て も 広 すぎ て も 読み に くく な り ます 。 
行 数 が 少な い 場 合 は 行間 が 少な く て も 比較 
的 読み や すく 、 1 行 の 文字 数 が 多い 場合 は 
行間 が 狭い と か な り 読 み に く く な り ま す 。 


剛 | 行 の 言 さ を 設定 し ます 。 


月 】 単位 を 付け な いで 数 値 だ け を 指定 し た 場合 、 フ ォ ン ト サ イ ズ に その 値 を 掛け た 高 
さ に 設定 され ます 。% に よる 指定 も る 、 フ ォ ン ト サ イ ズ に 対す る 割合 に な り ま す 。 
マイ ナス の 値 は 指定 で き な い こと に な っ て いま す の で 、 注 意 し て くだ さい 。 


⑳ <!DOCTYPE HTML, PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / /EN" 
々 "htp : / /www .w3 . org/TR/REC-htm140/1oose . dtd"> 


<HTMT, ] ang="]a"> 
< く HEAD> 





line-height: normal 
全 の 誤 さ は 六 の 款 みや すさ に 放し ます . 
還 て も 角 み に < くり ます 
は 行間 が 278 く て も 


時 と か ねり 論 み に くく ねり ま す 。 


line-height: 150% 


行 の 高 さ は 文章 の 読み や すさ に 影響 し ます 。 


狭 す ぎ て も 広 す ぎ て も 読み に くく な り ま す 。 
行 数 が 少な い 場 合 は 行間 が 少な く て も 比較 
的 読み や すく 、 1 行 の 文字 数 が 多い 場合 は 
行間 が 狭い と か な り 読み に くく な り ま す 。 





<TTTLE> 行 の 高 さ サン プル </TTTLE> 


< く / HEAD> 
<BODY> 





旧 ざ 注 評 テ ー パ (で 必 史 
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<H1>11ne-height : norma]</H1> 

<P sty1e="11ne-height: norma1"> 
行 の 高 さ は 文章 の 読み や すさ に 影響 し ます 。<BR> 
狭 す ぎ て も 広 す ぎ て も 読み に くく な り ま す 。<BR> 
行 数 が 少な い 場 合 は 行間 が 少な く て も 比較 <BR> 
的 読み や すく 、1 行 の 文字 数 が 多い 場合 は <BR> 
行間 が 狭い と か な り 読み に くく な り ま す 。 

く / P> 


還 胃 


<H1>11ne-height: 150 も </H1> 

<P sty1e="11ine-height: 150 も "> 
行 の 高 さ は 文章 の 読み や すさ に 影響 し ます 。<BR> 
狭 す ぎ て も 広 す ぎ て も 読み に くく な り ま す 。<BR> 
行 数 が 少な い 場 合 は 行間 が 少な く て も 比較 <BR> 
的 読み や すぐ 、1 行 の 文字 数 が 多い 場合 は <BR> 
行間 が 狭い と か な り 読み に くく な り ま す 。 

</P> 


</ BODY> 
< く /HTML> 








上 孤 Tip「 フ ォ ン ト を まとめ て 設定 する 」:P.216 参 照 


Netscape Navigator4.x の レイ ヤー に つい て ・1 


Netscape Navigator4.x で は 、 独 自 の タグ を 利用 し て レイ ヤー を 作成 する こと が で 
きま す 。 レ イヤ ー は 、 任意 の 位置 に 配置 し て 、 重 ね た り 消し た り ク リッ ピン グ す る こと 
な ど が で きま す 。<LAYEH> 一 LAYER> で 囲っ た 範囲 の 内 容 が 、 レ イヤ ー と し て 表示 
され ます 。 属 性 と し て は 、 次 の も の が 指定 で きま す 。 


・id=" レ イヤ ー 名 " 
他 の レイ ヤー や JavaScript か ら 、 こ の レイ ヤー を 参照 する 場合 に 利用 する 名 前 を 指定 
し ます 。 初期 の バー ジョ ン で は 、 こ の 属性 の 代わ り に 「name」 属 性 を 使用 し て いま し 
た (現在 で も 利用 で きま す )。 


・Src=" 内 容 の URL" 
レイ ヤー の 内 容 を 別 の HTML フ ァイル に し て お く 場 合 に 利用 し ます 。 内 容 と し て Java 
Script を 含む こと も で きま す 。 


・Dagex=" 左 か ら の 位置 " pagey=" 上 か ら の 位置 " 
レイ ヤー を 配置 する 位置 を ピク セル で 指定 し ます 。 ウ イン ドウ の 描画 領域 の 左上 か ら 
レイ ヤー の 左上 まで の 距離 を 指定 し ます 。 


この 続き は P.206 へ ! 
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c こ 





margin-top: マー ジン 


margin-bottom: マー ジン 

margin-1eft: マー ジン 

margin-right: マー ジン 

margin: マー ジン ・ 左 マー ジン 








マー ジン 単位 付き の 数 値 ・% 








この に は 、 マー ジン 
クセ ル 、 上 下 の マ ー ジ ン と し て 0 ビク セル が 設 
定 さ れ て いま す 。 


に は 、 更に に 由 
ビク セル の マー ジン が 設定 され て の が の 
いま す 。 し た が っ て 文書 全体 の セル が 設定 さ れ て いま す 。 
マー ジン と 合わ せる と 左右 に は 
120 ビ クセ ル の マー ジン が ある こと 
に な り ま す 。 
この 自 夫 に は 、 更に 上 下 : 
あな) あこ ルク 1] 
錠 ESh て 3 ます 。 し た が っ 


て ジン と 合 
わせ る に は 120 ピ クセ 
2 の So に な 





マー ジン を 設定 し ます 

「margin」 を 利用 する と 、 上 下 左右 の マー ジン を 1] 度 に 設定 する こと が で きま す 。 そ 
の 場合 、 値 を も スペース で 区 切っ て 指定 し ます が 、 あ た えら れ た 値 の 個数 に よっ て 、 
次 の よう に マー ジン が 設定 され ます 。 


・ 値 が 1 つの 場合 値 1 ユ 上下 左 右 

・ 値 が 2 つの 場合 、 値 1 ユ 上 下 値 2… 左 右 

・ 値 が 3 つの 場合 、 値 1+ 上 値 2 つ 左右 値 3… 下 

・ 値 が 4 つの 場合 値 1 上 値 2 一 右 値 3… 下 値 4 つ 左 


ス 
タ 
イ 
ル 
シ 
1 
ト 
を 
合 
の 
5 
5 


各 マ ー ジ ン の 初期 値 は 0 で す 。 
仕様 上 は 、 す べ て の 要素 に 対し て 設定 で きる こと に な っ て いま す が 、 ブ プラ ウザ の サ 
ポー ト 状 況 に よっ て は うま く 設 定 さ れ な い 場 合 も あり ます 。 
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【CSS】 
BODY { margin: Opx 80px } /* 上 下 0pixe1 、 左右 80p1xe1 */ 
P.specia1] { margin: 40px } /* 上 下 左右 40pixe1 */ 


【HTML】 
<BODY> 


< く P> 

この 文書 全体 に は 、 左右 の マー ジン と し て 80 ピ クセ ル 、 上 下 の 
マー ジン と し て 0 ピク セル が 設定 され て いま す 。 

</P> 


<P cl1ass="Specia1 "> 

この 段落 に は 、 更に 上 下 左右 に 40 ピ クセ ル の マー ジン が 設定 
され て いま す 。 し た が っ て 、 文書 全体 の マー ジン と 合わ せる と 
左右 に は 120 ピ クセ ル の マー ジン が ある こと に な り ま す 。 

< く /P> 


< く / BODY> 








Netscape Navigator4.x の レイ ヤー に つい て ・ ら 


・ left=" 左 か ら の 位置 " top=" 上 か ら の 位置 
レイ ヤー を 配置 する 位置 を ビク セル で 指定 し ます 。 親 レ イヤ ー が ある 場合 は その 左上 
か ら 、 な い 場 合 は ウイ ンド ウ の 描画 領域 の 左上 か ら レ イヤ ー の 左上 まで の 距離 を 指定 
し ます 。 


・Z-index=" 重 な る 順序 " 
レイ ヤー の 重なる 順序 を 正 の 整数 で 指定 し ます 。 こ の 値 が 大 きい も の ほど 上 に 表示 さ 
れ ま す 。 


・above=" 上 の レイ ヤー 名 " below=" 下 の レイ ヤー 名 " 
above 属 性 を 指定 し た 場合 は 、「 上 の レイ ヤー 名 ] で 指定 し た し イヤ ー の すぐ 下 に 、 こ 
の レイ ヤー が 表示 され ます 。below 属 性 を 指定 し た 場合 は 、「 下 の レイ ヤー 名 」 で 指定 
し た レイ ヤー の すぐ 上 に 、 こ の レイ ヤー が 表示 され ます 。 


この コラ ム は P.204 か ら 続い て いま す 。 (続き は P.209 へ ! り 
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行 揃え 位置 left・right・center 








実 を いう と 、 行 揃え に け 「lsft*right*cemter」 の 他 に 「justi」 と いう も 
の が ある 。 いわ ゆる 「 両 和 僧 え 」 の こと で ある 。 し か し .、 色々 試し て は 
のみ た の だ が 、 こ れ が 実際 に は …・ 





夜明け の 行 摘 え 


いう た 、 行 Tee の 他 に 「」 と いう 
0 の BS JO こと て ある 。 し が し 、 思 5 抽 レ 
て は みた の た が 計 


夜明け の 行 摘 え 


【 区 : 岡 蔵 人 一 】 
- こ 上 感 想 を お よせ くだ さい - 
(で ) Copyright 1999 OKARYUInc Al Rights Reserved 


(区: 岡 惹 龍一 】 
- ご 感想 を お よせ くだ さい - 


(G) Copyright 1999 OKARYUInc All Rights Reserved 





行 揃え を 設定 し ます 。 
行 揃え 位置 と し て 指定 する |left・right・centerl は 、 そ れ ぞ れ [ 左 揃え ・ 右 揃え ・ 中 
内 揃え ] を 表し て いま す 。 プ ロッ クレ ベル の 要素 に 対し て 指定 で きま す 。 


【CSS】 

H1 { texxt-a1ign: CenEer } 
P.author { texxt-a1ign: right )}) 
DTIV.fFoot { text-a1ign: center } 


【HTML】 
<BODY> 


<H1 > 夜明け の 行 揃え </H1> 

く P> 

実 を いう と 、 行 揃え に は 「1efFt -right・center」 の 他 に 
「ustify」 と いう も の が ある 。 い わ ゆ る 「 両 端 揃え 」 の こと 
で ある 。 し か が し 、 色々 試し て は みた の だ が 、 こ れ が 実際 に は ・・・ 
</P> 

<P c1ass="author">【 文 : 岡 蔵 龍一 】</P> 


| ざ 浴 誰 デ テー で 計 員 


<DTV class="Foo"> 

<P>- ご 感想 を お よせ くだ さい -</P> 

<P> (C) Copyright 1999 OKARYU, Tnc. A11] Rigqhts Reserved . </P> 
</DTV> 


</ BODY> 
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紅 太 向 の 位置 開 係 を 指定 する 





Yertioa1-a1ign: 行 癒 え 位置 

















【 行 揃え 位置 
top  " 上 に 揃え る 還 
middle 。 中 心 に 揃え る 3 間 間 1 
bottom 下 に 揃え る は = 
baseline 親 要 素 の ベー スラ イン に 揃え る (初期 値 ) 
text-top 親 要 素 の フォ ント の 上 に 揃え る ま 
text-bottom 親 要素 の フォ ント の 下 に 揃え る お 
Super ” 上 付き 文字 の 位置 に ベー スラ イン を 揃え る 
sub 下 付き 文字 の 位置 に ベー スラ イン を 揃え る 
単位 つき の 数 値 。 親 要 素 の ペー スラ イン を 0 と し た 値 の トー 攻 
% 親 要素 の バー スラ イン を 0 と し た 行 高 さ の 割合 








[7 計 イ ン ラ イン 要素 の 縦 方 向 の 位置 を 設定 し ます 。 
員 史 継 方 向 の 位置 に は 様々 な 指定 が で きま す が 、 プ ラウ ザ の サポ ー ト 状況 に よっ て は う 
まく 表示 され な いも の も あり ます 。 


| ざ 澄 座 テ ー ツ さま 
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5 
の 
の 
ンス 


【CSS】 

・ 上 1 { で er 上 ica1-a1ign: Eop } 

・ 上 2 { ver 上 ica1-a1ign: midd1e } 
- 上 3 {vertica1-a1ign: botEom } 


【HTML】 
< く BODY> 


<P>vertica1 -a]ign に 

<TMG class=" 上 1" sro="1eafF.g1iF" width="140" (92 
a1 上 =" "> 

top を 指定 </P> 


<P>yertica] -a1ign に 

< く TMG class=" 上 2" sro="1eaf .q1F" width="140" AR 
a1 キ =" "> 

midd1e を 指定 </P> 


<P>vertioca] -a1ign に 

<TMG class=" 上 3" sro="1eafF.giF" width="140" AS 
a1t ヒ =" "> 

ottom を 指定 </P> 


< く / BODY> 











Netscape Navigator4.x の レイ ヤー に つい て ・3 


・width=" 幅 " height=" 高 さ " 
レイ ヤー の 幅 と 高 さ を ピク セル 、 又 は % で 指定 し ます 。 


・Clip=" 左 , 上 , 右 , 下 " 
この 属性 を 指定 する と 、 レ イヤ ー を クリ ッ ピ ング し て 、 指 定 し た 範囲 だ け を 表示 する 
こと が で きま す 。「 左 . 上 . 右 . 下 ] は 、 そ れ ぞ れ ピ クセ ル 数 で 指定 し ます 。 





・Visibility=" 表 示 非 表示 " 
「 表 示 ノ 非 表 示 ] に は 、「show」 ・「hide」 ・「inherit」 が 指定 で きま す 。「show」 は レイ 
ヤー を 表示 、「hide」 は 非 表示 、「inheritl は この レイ ヤー を 含む お 上位 の レイ ヤー と 同様 
の 状態 に な り ま す 。 


この コラ ム は P.206 か ら 続い て いま す 。 (続き は P.211 へ !) 
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Eont-gty1e: スタ イル 
texxt-decoration: 料 基 








_ スタイル normal・itallic・oDlidue 
none・underline ・Overline・Iine-through・blink 


装 節 





font-style 


normnal jc, の あ 記 24 の 


text-decoration 


none, underime, overimc, jme-through 


font-style 


normal gobligue 


text-decoration 
none, underline, overline, lne=thRreugh 





fi フォ ント の スタ イル や 装飾 を 設定 し ます 。 
朋 史 ここ で いう [italic] と は 、 通 常 の 文字 より も 続け 書き に 近い 草書 体 風 に デザ イン され 
た 斜体 の フォ ント を 指し ます 。「oblique」 と は 、 標 準 の フォ ント を 単純 に 斜め に し た 
も の で す 。「underline・overline・line-through」 は 、 そ れ ぞ れ 文 字 に 対し て 下線 ・ 上 
線 ・ 字 消し 線 を 付け 、「blink は 文字 を 点滅 させ ます 。 
スタ イル を 標準 に する た め に は 「normall を 、 装飾 を な くす た め に は 「none] を 指定 し 


隊 ます 。 

タ 

? 回 畔 (cssj 

シ 

| 3 

ょ 時 

介 -ob { 
-un { 
we 出札 電 
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の , 
> P { font-fami1y: "Times New Roman", Times, serf } 
A:1ink, A:vis1ted, A:acC1ive { texx セ 上 -deCora モ ion: none } 


Eont-gty1e: ial1io } 
Eont-g モ ylLe: ob1ique } 


ex -dd@CO エ a 七 On: 
texx ヒ -d@COra 坊 On : 
@xx セ -dGCO エ a 上 も On : 


under1ine } 
over1ine } 
11ne-through } 


【HTML】 
< く BODY> 


<H1>fFon キ -sty1e</H1> 

<P> 

norma] , 

<SPAN c1ass=" ュ ユヒ "> ュ モ 上 a11C</ SPAN> , 
<SPAN cl1ass="ob">ob1ique</SPAN> 
</P> 


<H1> 上 ex 上 -deCora 上 1on</H1> 

く P> 

<A hrefF="Eest .htm1 ">none</A> , 

<SPAN class="un">under] ine</SPAN> , 
<SPAN class="OV">OVer1 1ne</ SPAN> , 
<SPAN class=" 1 上 ">11ine-through</SPAN> 
く /P> 


</ BODY> 








Netscape Navigator4.x の レイ ヤー に つい て ・4 


・bgcolor=" 背 景色 " background=" 背 景 画像 の URL" 
BODY 要 素 と 同様 に 背景 色 と 背 景 画像 を 指定 し ます 。 こ れ ら が 指定 され な い 場 合 に は 、 
レイ ヤー は 透明 に な り ます 。 


※ 実 際 に は 、 こ の 他 に も 位置 を 相対 的 に 指定 で きる <ILAYER> 要 素 や 、 レ イヤ ー に 対応 
し て いな い ブ ラウ ザ 用 の <NOLAYEH> 要 素 も あり ます 。 詳細 は 、 次 の サイ ト を 参照 し 
て くだ さい 。 


Netscape DevEdge Online 
Http : / /deve1oper .netscape . Com/ 


この コラ ム は P.209 か ら 続 いて いま す 。 
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Font-weight: 太 さ 








フォ ント の 大 さ を 指 定 する 








normal・bold・Iighter・bolder 
100・200・300・400・500・600・700・800・900 





フォ ント の 太 さ フォ ント の 太 さ 


普通 の 文字 と ボー ルド の 文字 


普通 の 文字 と ボー ルド の 文字 


| ざ 注 愉 テ ー パ で へ 半 員 





フォ ント の 太 さ を 設定 し ます 。 

「bold」 を 指定 する と 、 一 般 的 な 大 字 に な り ま す 。 同 じ フ ォ ン ト フ ァ ミ リー 中 に 異な 
る 太 さ の フォ ント が ある 場合 、「lighter] は 1 段階 細い フォ ント に 、「bolder」 は 1 段階 
太い フォ ント に 設定 され ます 。 

また 、 太 さ は 100 一 900 の 数 値 で 指定 する こと も で きま す 。 こ の 場合 、 標 準 の 太 さ 
[normall は 400 で 、「bold] は 700 に 相当 し ます 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML 4.0 Transitiona] / /EN" 
http : / /www . W3 . org/TR/REC-htm140/1oose .dtd"> 

<HTML> 

<HEAD> 

<TTTLE> フ ォ ン ト の 太 さ サン プル </TTTLE> 

</HEAD> 

<BODY> 

<H1> フ ォ ン ト の 太 さ </H1> 

く P> 

普通 の 文字 と <SPAN sty1e="Eont-weight: bo1d"> ボ ポー ルド の 文字 </ SPAN> 

</ PB> 

</ BODY> 

</HTML> 
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フォ ント サイ ズ を 指定 


Font-size: ザイ ズ 





【 サ イズ 】 


単位 付き の 数 値 ・%・smaller・|arger | iE50 
xx-Small・x-Small・Small ・ medium・Iarge ・x-large ・ xx-large 


nM 
フォ ント の サイ ズ 








wmursi lge x-large. XXー|arge 


amer 12pk 14pt 18p 180% 


フォ ント の サイ ズ 
ーー wmage x-large. XXー|arge 


ms12pt14p 18p。 180% 





解 フォ ント の サイ ズ を 設定 し ます 。 
め % で 指定 し た 場合 は 、 指 定 し た 要素 の 親 で ある 要素 の フォ ント サイ ズ に 対す る 割合 


に 


ス 
に な り ま す 。 タ 
また 、 キ ー ワ ー ド を 利用 する こと に よっ て 、hxorsmalll か ら [xclargc] ま で の 7 段階 の 。 訓 
サイ ズ を 表現 する こと が で きま す 。 こ の 場合 、[medium」 が 標準 の サイ ズ で す 。 1 
「smaller | と 「larger] は 、 親 要素 の フォ ント サイ ズ に 対し て 、 そ れ ぞ れ 1 段 階 小さ い サ ト 
イズ と 1 段階 大 きい サイ ズ に 設定 し ます 。 1 
う 
5 <!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" | 還 還 還 呈 呈 
攻 "http://www.w3.org/TR/REC-htm140/1oose .Qtd"> 
中 <HTML> 
<HEAD> 
<TTTLE> フォ ント の サイ ズ ・ サ ンプ ブル </TTTLE> 
</HEAD> 
<BODY> 
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<H1> フ ォ ン ト の サイ ズ </H1> 

<P> 

<SPAN sty1e="Eon ヒ -size: xxーSma1 1 ">xx-Sma]1</SPAN> , 
<SPAN sty1e="Eon モ -5ize: x-Sma11 ">x-Sma]11</SPAN> , 
<SPAN sty1e="EonE-g1ze: Smal11">sma11</SPAN> , 
<SPAN sty1e="Eon モ -sgize: medium">med1ium</SPAN> , 
<SPAN sty1e="Fon-g1ze: large">1arge</SPAN> , 
<SPAN sty1e="EFon-size: メー-]1arge"> メ ー1arde</ SPAN>, 
<SPAN Sty1e="EOn ヒ 58 ミ ze: メメ ー1arqG ">x メ ー1arde</ SPAN> 
</P> 


< く P> 

<SPAN sty1e= "Eon-size: Smal1er">sma]1 1e エ </ SPAN> , 
<SPAN sty1e="Eon ヒ ze: 12Dp 上 ">12p 上 </SPAN> , 
<SPAN sty1e="Eont-size: 14pt 上 ">14p 上 </SPAN> , 
<SPAN styl1e="Eont-g1ze: 18Dpx">18Dpx</ SPAN> , 
<SPAN sty1e="Eon モ -g1ze: 180 も ">180 も </SPAN> 

</P> 


</ BODY> 
< く /HTML> 








CSS 1 と CSS つ 2 の フォ ント サイ ズ の 違い 
フォ ント サイ ズ は 、small や medium な どの キー ワー ド で 7 段階 の サイ ズ を 指定 す る こ 
と が で きま す が 、 実は この 7 段階 の 大 き さ の 比率 が CSS 1 と CSS ら で は 異な っ て いま す 。 
CSS 1 の 時 に は 、 各 段階 の 比率 と し て 1.5 倍 が 推奨 され て いま し た が 、 CSS2 に な っ 
て この 比率 が 1.2 倍 に 変更 され まし た 。 つま り 、 そ の ブラ ウザ が 対応 し て いる CSS の バー 
ジョ ン に よっ て 、 キ ー ワ ー ド で 指定 し た 場合 の フォ ント サイ ズ が 異な る と いう こと で す 。 
フォ ント サイ ズ を キー ワー ド で 指定 する 場合 に は 、 十 分 ご 注意 くだ さい 。 
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フォ ント の 種類 を 拓 


font-Fami1y: フォ ン ム 名, フォ ント 名 , フォ ント 名 , 


【 フ ォ ン ト 名 】 








ジオ シド ラル ミリ ニー 名 





Serif・Sans-Serif・CurSsive・fantasy・monospace 








cs 全 ヨ シッ ク 体 で 。 ここ は 


明 朝 体 に し て み ま す 。 


に 








ここ は ゴシック 体 で 、 こ こ は 
明 朝 体 に し て み ま す 。 


フォ ント の 種類 を 設定 し ます 。 

フォ ント 名 は 1 つ で も 指定 で きま す が 、 カ ンマ で 区 切っ て 複数 指定 する こと が で き 
ます 。 そ の 場合 は 、 よ り 先 ( 左 ) に 指定 され て いる フォ ント で 、 ユ ー ザ ー の 環境 で 表 
示 可 能 な も の が 採用 され ます 。 

フォ ント 名 の 中 に スペ ー ス が 含ま れ て いる 場合 は 、 必 ず そ の 前 後 を 「"] ま た は [で 
囲う よう に し て くだ さい 。 ま た 、 フ ォ ン ト 名 と し て 、 フ ォ ン ト の 種類 を 表す キー ワー 
ド を 指定 する こと も で きま す 。 各 キー ワー ド は 、 そ れ ぞ れ 次 の よう な 種類 を 表し て 


ス 
いま す 。 タ 

イ 

ル 
・serif 明 朝 系 ( 例 : Times New Roman, MS P 明 朝 ) ン 
・Sans-serif ゴシック 系 ( 例 : Helvetica, Arial, MS P ゴシック) ト 
・CUTSiVe 草書 (筆記 ) 体 系 ( 例 : Caflisch Script, Adobe Poetica) を 
・fantasy 装飾 的 な フォ ント ( 例 : Critter, Cottonwood) 
・monosDace 等 幅 フォ ント ( 例 : Courier New.MS ゴシック ) ーーー 


これ ら は 、 指 定 し た すべ て の フォ ント 名 が 有効 で な い 場 合 の 最終 的 な 指定 と し て 、 
常に 指定 し て お いた 方 が よい で し ょ う 。 
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5 【CSS】 
2 
P { font-size: 24pt } 
{ Eont-Eami1y: "MS P ゴ シッ ク ",Osaka , sans-SeriF } 


も RG 
-mmch 


{ Eont-fFamily: "MS P 明 朝 ", 細 明 朝 体 , serif } 


【HTML】 
<BODY> 


< く P> 


<SPAN cl1ass="gthc "> ここ は ゴ シッ ク 体 で 、</SPAN> 
<SPAN cl1ass="mnch"> こ こ は 明 朝 体 に し て み ま す 。</ SPAN> 


< く / P> 


</ BODY> 








(lf フォ ント を まとめ て 設定 する 
フォ ント に 関す る 指定 は 、「font] と いう プロ パテ ィ を 使用 する と 、 ま と め て 行う こ 
が で きま す 。 こ の 場合 、 フ ォ ン ト に 関す る 各 プ ロ パ ティ で 利用 で きる 値 を 、 次 の 順に ス 
ペー ス で 区 切っ て 指定 し ます 。 


【 例 】 
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].font-style で 指定 で きる 値 
2.font-weight で 指定 で きる 値 
3.font-size で 指定 で きる 値 (省略 不可 ) 
4.[/] 二 line-height で 指定 で きる 値 
5.font-family で 指定 で きる 値 (省略 不可 ) 


P { font: ta1ic bo1d 12pt/15pt seriE } 


文字 間隔 単語 間隔 


1etter-spaong: 文字 向 奉 
word-spaocing: 潮 語 缶 大 








文字 間隔 ・ 単 語 間隔 normal・ 単 位 付 き の 数 値 








letter-spacing 


letter-spacing: norrmal 
letter-spacing 0 5em 


文字 間隔 : 標 準 
文字 間隔 :1esm 


letter-spacind 


1etter-spacinq: normal 
letter-spacing: 0.5em 


word-spacing 


It specifies spacing behavior between wwords. 


It specifies spacing behavior between words 文 字 : 1 em 


word-spacind 


It specifies spacinq behavior between words 
It specifies specinq behavior between woOrds 





leter-spacing は 文字 と 文字 の 間隔 を 、word-spacing は 単語 と 単語 の 間隔 を 設定 し ます 。 
Bi 


ス 
数 値 を 指定 し た 場合 は 、 標 準 の 値 に 対し て プラ ス ( マ イナ ス も 可 ) さ れ ま す 。 る 
ル 
⑳ 【CSS】 必 
錠 1 1 
レフ -1s1 { 1etter-spaoing: 0.5em } 
26 ト 
-1s2 { 1etter-spacing: 1em } を 
-wS { word-spaoing: 0.8em } 人 
【HTML】 = 
<BODY> 


<H1>] et 上 e ェ - SDaC1ng</H1> 

<P> 

1etter-spac1ng: norma]<BR> 

<SPAN class="1s1">]1etter-spaoing: 0.5em</SPAN> 
</P> 
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<P> 

文字 間隔 : 標準 <BR> 

<SPAN class="1s2"> 文 字 剛 隔 : 1em</SPAN> 
< く /P> 


<H1>word- spac1ing</H1> 

く P> 

Tt speoifies spacing behavior between words . <BR> 

<SPAN class="ws "> エモ speoifFies spaoing behavior between | 
words .</SPAN> 

< く /P> 


</ BODY> 
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width: 刻 
height: 高 さ 








名 前 年 齢 性 別 
岡 蔵 龍一 35 男 
伊藤 清治 59 男 








内 容 を 表示 する 部 分 の 幅 と 高 さ を 設定 し ます 。 

月 品 内容 を 表示 する 部 分 と は 、 梓 や マー ジン 、 枠 と 内 容 の 間 の 領域 を 除い た 、 内 容 を 表 
示 可 能 な 領域 の こと で す 。 プ ロッ クレ ベル の 要素 と 置き 換え 要素 (IMG・INPUT・ 
TEXTAREA・SELECT な ど )、 横 列 を 除く テー ブル 関連 要素 に 対し て 設定 で きま す 。 
% で 指定 する 場合 は 、 親 要素 に 対す る 割合 に な り ま す 。 


包 【CSS】 
の 
ク TH.name { 
width: 120px: 
height: 50px 
は 


【HTML】 

< く BODY> 

<TABLE Dorder="2"> 

< く TR> 

<TH class="name"> 名 前 </TH> 

<TH> 年 齢 </TH><TH> 性 別 </ TH> 

く / TR> 

< く TR> 

<TD> 岡 蔵 龍一 </TD><TD>35</TD><TD> 男 </ TD> 
< く /TR> 

< く TR> 

<TD> 伊 藤 清治 </TD><TD>29</TD><TD> 男 </ TD> 
< く /TR> 

</TABLE> 

</ BODY> 


昌 さ 半 テー ツユ 
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border-top-width: 大 さ ー 上 の 枠 の 太 さ 











border-bottom-width: 大 さ ー 下 の 枠 の 太 さ 
border-1eEt-width: 大 さ ー 左 の 枠 の 太 さ 
border-right-width: 大 さ て 右 の 枠 の 太 さ 
border-width: 大 さ ー 上 ・ 右 ・ 下 ・ 左 の 枠 の 太 さ 
太 さ 単位 付き の 数 値 ・thin・medium・thick 
HBKSESE ま 0 


桁 の 太 さ 


枠 の 太 


M 


解 枠 の 太 さ を 設定 し ます 。 

析 の 太 さ は 、 す べ て の 要素 に 対し て 設定 可能 で す 。 

「border-widh] を 利用 する と 、 上 下 左 右 の 枠 の 大 さ を 1 度 に 設定 する こと が で きま す 。 
その 場合 、 値 を スペ ー ス で 区 切っ て 指定 し ます が 、 あ た えら れ た 値 の 個数 に よっ て 、 
次 の よう に 棒 の 大 さ が 設定 され ます 。 


諾 


・ 値 が 1 つの 場合 値 1+ 上 下 左右 

・ 値 が 2 つの 場合 値 1 ユ 上 下 値 2 つ 左 右 

・ 値 が 3 つの 場合 値 1+ 上 値 2 つ 左右 値 3… 下 

・ 値 が 4 つの 場合 。 値 1+ 上 値 2 つ 右 値 3… 下 値 4 つ 左 


| ざ 記 テー ツモ さぶ 


thin・medium・thick は 、 そ れ ぞ れ 細 い 梓 ・ 中 くら い の 枠 ・ 太 い 枠 に 設定 し ます 。 
この 場合 の 実際 の 太 さ は プラ ウザ に よっ て 異な り ま す 。 
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5 【CSS】 
2 H1 ( 
border-sty1e: So11q: 
border-width: 1px Opx 1px 10px 
} 
TMG { 
border-sty1e: so11d: 
borde ェ -w1dth: 2DpXx 
} 


【HTML】 
<BODY> 
<H1> 枠 の 太 さ </H1> 


< く P> 





<TMG sroc="1eaf.giF" width="140" height="100" a1t=""> 


</P> 
</ BODY> 








(『) Netscape Navigator で は 画像 の 枠 は 設定 で き な い 


旧 ざ 浴 褒 テ ー パ で 必 


左 ペ ー ジ の サン プル 画像 を 見 て お 気づき の 方 も 多い と 思い ます が 、Netscape Navigator 
4.x で は 画像 に 対し て 枠 の 設定 を する こと は で きま せん (お か し な 部 分 に 枠 が 表示 され ま 
す ) 。 し た が っ て 、 現 在 で は 画像 の 枠 を スタ イル シー ト で 消す こと も で きま せん 。 

Netscape Navigator の ユー ザー も 考慮 する と 、 し ば らく の 間 は IMG 要 素 の border 属 


性 を 利用 する の も 仕方 が が いこ と か も し れ ま せん 。 
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border- 上 Op-COo1or : 


枠 の 色 を 指定 する 


に ー 上 の 枠 の 色 


border-bottom-co1or: 所 一 下 の 枠 の 色 


border-1efF 上 -CO1O エ : 


色 。 ~ 左 の 枠 の 色 


border-right-co1or: 所 ~ 右 の 枠 の 色 


border-co1or: 名 


ー 上 ・ 右 ・ 下 ・ 左 の 枠 の 色 





に は で きま せん ね 。 


棒 の 色 を 設定 し ます 。 


l ざ 澄 褒 テ ー パ で 必 


枠 の 色 を 設定 する 


スタ イル シー ト で は 、 枠 に 関す る さま ざま な 設定 を する 
こと が で きま す 。 HTM_ だ け で は 、 この よう な こと は 簡単 







枠 の 色 を 設定 する 


スタ イル シー ト で は 、 枠 に 関す る さま ざま た 設定 を す 
る こと が で きま す こけ で は 、 この よう な お こと は 
簡単 に は で きま せん ね 。 








表記 梓 の 色 は 、 す べ て の 要素 に 対し て 設定 可能 で す 。 
「border-color」 を 利用 する と 、 上 下 左右 の 枠 の 色 を 1 度 に 設定 する こと が で きま す 。 
その 場合 、 値 を スペ ー ス で 区 切っ て 指定 し ます が 、 あ た えら れ た 値 の 個数 に よっ て 、 


次 の よう に 棒 の 色 が 設定 され ます 。 


・ 値 が 1 つの 場合 
・ 値 が 2 つの 場合 
・ 値 が 3 つの 場合 
・ 値 が 4 つの 場合 
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値 1+ 上 下 左右 

値 1 ユ 上 下 値 2 左右 

値 1 で 上 値 2 左右 値 3… 下 
値 1 上 値 2 一 右 値 3… 下 値 4 つ 左 


色 の 値 と し て 「ransparen| を 設定 する こと も で きま す 。 そ の 場合 、 枠 の 色 は 透明 に 
な り ま す 。 
な お 、 こ の 値 の 初期 値 は [color: 色 ] で 設定 され て いる 値 と な り ま す 。 


【CSS】 
BODY { background-co1or: white } 
H1 { 
padding-1efFt: 10px: 
border-sty1e: so11d: 
border-w1dth: 2px 2px 2px 15px:  /* 左 の 枠 の み 太 く */ 
border-Co1o エ : #009933 /* 色 は グリ ー ン 系 */ 


ーー 


虹 旭 
padding: 10px 15px: 
border-sty1e: so11d: 
border-w1dth: Opx Opx 1px:  /* 下 の 枠 の み 1pixe1 で 表示 */ 
border-Co1or: #CCCCCC /* 色 は 明る い グ レー */ 


【HTML】 

<BODY> 

<H1> 枠 の 色 を 設定 する </H1> 

<P> 

スタ イル シー ト で は 、 枠 に 関す る さま ざま な 設定 を する こと が で きま す 。 
HTML だ け で は 、 こ の よう な こと は 簡単 に は で きま せん ね 。 

</P> 

</ BODY> 








枠 を まとめ て 設定 する 


枠 に 関す る 指定 は 、「borderl と いう プロ パテ ィ 、 ま た は 「border-top」・「border- 
bottom」 ・ 「border-left」 - 「borderrright」 の 各 プ ロバ パティ を 使用 する と 、 ま と め て 行う 
こと が で きま す 。 こ の 場合 、 枠 に 関す る 各 プ ロ パ ティ で 利用 で きる 値 を 、 必 要 な だ け ス 
ペー ス で 区 切っ て 任意 の 順序 で 指定 で きま す 。 


【 例 】 P { border: so11d 2px #CCCCCC } 
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枠 の 形式 を 指定 する 


border-top-sty1e: 形式 ー 上 の 枠 の 形式 


border-bottom-sty1e: 形式 ー 下 の 枠 の 形式 
border-1eEt-sty1e: 形式 ~ 左 の 枠 の 形式 
border-right-sty1e: 形式 ~ 右 の 枠 の 形式 
border-sty1e: 形式 ー 上 ・ 右 ・ 下 ・ 左 の 枠 の 形式 








形式 none・hidden・dotted・dashed・solid・double ・groove・ridge・inset・ 


Outset 











枠 の 形式 を 設定 し ます 。 

記 史 枠 の 形式 は 、 す べ て の 要素 に 対し て 設定 可能 で す 。 
「border-sole] を 利用 する と 、 上 下 左 右 の 梓 の 形式 を 1 度 に 設定 する こと が で きま す 。 
その 場合 、 値 を スペ ー ス で 区 切っ て 指定 し ます が 、 あ た えら れ た 値 の 個数 に よっ て 、 
次 の よう に 棒 の 形式 が 設定 され ます 。 


l ざ 浴 滞 デ ー パ で 計 


・ 値 が 1 つの 場合 値 1+ 上 下 左右 

・ 値 が 2 つの 場合 値 1+ 上 下 値 2 っ 左 右 

・ 値 が 3 つの 場合 、 値 1+ 上 値 2 一 左右 値 3 っ 下 

・ 値 が 4 つの 場合 、 値 1+ 上 値 2 一 右 値 3… 下 値 4 つ 左 
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「none] と 「hiddcenm]l は どちら も る 梓 を 表示 せ ず 、 桂 の 太 さ も 0 に 設定 し ます 。 た だ し 、 
テー プ ブル の セル の 枠 と し て 重なり あっ た 場合 に は 、「none」 は 他 の 値 を 優先 し 、 
「hidden」 は 自分 自身 の 値 を 優先 し ます 。 こ の 値 の 初期 値 は [none] で す 。 


※ 現 時 点 で は 「dorted] と 「dashed] は 、 あ まり サポ ー ト され て いな いよ う で す 。 


【CSS】 
BODY ( background-co1or: white } 
TD { padding: 5px } 
BSA 
width: 100px: 
padding: 10px: 
text-a1ign: cenEer: 
border-width: 6px: 
border-co1or: #FF6600 





【HTML】 

<BODY> 

< く TABTLE> 

< く TR> 

< く TD><P styl1e="border-g 上 y1e: none">none</P></TD> 
<TD><P sty1e="border-gty1e: dotted">dotted</P></TD> 
<TD><P sty1e="border-sty1e: dashed">dashed</P></TD> 
</TR> 

< く TR> 

< く TD><P sty1e="border- sty1e: So11d">so11d</P></TD> 
<TD><P sty1e= "border- 5 モ Y1@: drOOVe">9 エ OOVG</ P></ TD> 
<TD><P sty1e="border- gt 上 y1e: ri1dge">r1dge</P></TD> 
</TR> 

<TR> 

<TD><P style="jborder-gty1e: doub1e">doub1e</P></TD> 
<TD><P styl1e="border-gty1e: 1nse 上 ">1nSe 上 </P></TD> 

< く TD><P sty1e="border-s モ 上 マ 1e: outset">outSe</P></TD> 
</TR> 

</TABLE> 

</ BODY> 








上 Tip「 村 の 形式 の 種類 ]:P.227 参 照 
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padqing-top: 旋 


padding-bottom: 碑 

padqing-1eEt: 刻 

padding-right: 選 

padding: 訪 ー 上 ・ 右 ・ 下 ・ 左 の 空間 








幅 単位 付き の 数 値 ・% 





padding を 20pixel に 設定 し た も の 


普通 の 段 沙 に 枠 を つけ た も の 





padding を 20pixel に 設定 し た も の 





解 梓 と 内 容 を 表示 する 領域 の 間 の 空間 の 幅 を 設定 し ます 。 
月 記 この 幅 は 、 す べ て の 要素 に 対し て 設定 可能 で す 。 
[padding| を 利用 する と 、 上 下 左右 の 幅 を 1 度 に 設定 する こと が で きま す 。 そ の 場合 、 
値 を スペ ー ス で 区 切っ て 指定 し ます が 、 あ た えら れ た 値 の 個数 に よっ て 、 次 の よう 
に 幅 が 設定 され ます 。 


| ざ 注 具 テ ー パ で 半 


・ 値 が 1 つの 場合 、 値 1 ユ 上 下 左右 

・ 値 が 2 つの 場合 。 値 1 ユ 上 下 値 2 一 左右 

・ 値 が 3 つの 場合 。 値 1 上 上 値 2 一 左右 値 3… 下 

・ 値 が 4 つの 場合 。 値 1+ 上 値 2 一 右 値 3… 下 値 4… 左 
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【CSS】 

ンス BODY { background-co1or: white } 

避 
border-sty1e: so11d: 
border-cCo1or: #FF6600: 
jorder-w1dth: 2px 

} 

P.readab1]e { paqdqing: 20px } 


【HTML】 

<BODY> 

<P> 普 通 の 段落 に 枠 を つけ た も の </P> 

<P cl1ass="readab]e">padding を 20pixe1 に 設定 し た も の </BP> 
</BODY> 








則り 枠 の 形式 の 種類 
スタ イル シー ト で 設定 で きる 枠 の 形式 は 、 以 下 の 通り で す 。 


none 枠 の 値 を 表示 し な い 。 枠 の 太 さ も 0 に 設定 され 、 テ ー ブ ル の セル の 枠 同 
士 が 重なっ た 場合 は 、 他 の 値 が 優先 され る 

hidden 枠 の 値 を 表示 し な い 。 枠 の 太 さ も 0 に 設定 され る が 、 テ ー ブ ル の セル の 
枠 同士 が 重なっ た 場合 は 、 こ の 値 が 優先 され る 

dotted 枠 を 点 で 表示 する 

dashed 枠 を 点線 で 表示 する 

solid 枠 を 線 で 表示 する 

double 枠 を 2 本 線 で 表示 する 

groove 枠 が 引っ 込ん で いる よう に 立体 的 に 表示 する 

ridge 枠 が 出っ張っ て いる よう に 立体 的 に 表示 する 

inset ボッ クス 全体 が 引っ 込ん で いる よう に 立体 的 に 表示 する 

outset ボッ クス 全体 が 出っ張っ て いる よう に 立体 的 に 表示 する 
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Az1ink { スタ イル } ー 普 通 の リン ク 

Aivisited { スタ イル } ー す で に 見 た リン ク 

Azactive { スタ イル } ー ク リッ ク し た 時 の リン ク 
Azhover { スタ イル } ーー カー ソル が 上 に 乗っ た 時 の リン ク 


リン ク に 関連 する スタ イル 


スタ イル ジ シート を 利用 する と 、 一 部 の リン ク だ け ス タイ ル や 色 
な ね ど を 変え る こと が で きま す 。 リン ク に スタ イル を 適用 する 場 
合 は 「 疑 似 ク ラス 」 と いう も の を 利用 し ます 。 


[次 ペー ジ ]【 ト ッ ゴ 了 





リン ク に 関連 する スタ イル 


スタ イル シー ト を 利用 する と 、 一 部 の リン ク だ け ス タイ ル や 色 
な ど を 変え る こと が で きま す 。 リン ク に スタ イル を 適用 する 場 
合 は 「 疑 似 ク ラス 」 と いう も の を 利用 し ます 。 


【 炊 ] ト > 也 





解 リン ク 部 分 の スタ イル を 設定 し ます 。 
月 記 クラ ス の 指定 と 組み 合わ せる こと に よっ て 、 任意 の 部 分 に 対し て 別々 の スタ イル を 
適用 する こと も で きま す 。 
特定 の クラ ス を 指定 し た A 要 素 の スタ イル を 設定 し た い 場 合 は 、[「A. ク ラス 名 :link] 
の よう に 指定 し ます 。 ま た 、 特 定 の クラ ス を 指定 し た ある 要素 に 含ま れる A 要 素 の 
スタ イル を 設定 し た い 場 合 は 、「. ク ラス 名 A:linkl の よう に 指定 し ます 。 


⑳ 【CS8】 
多 
レン 2 BODY { 
/* 文字 色 */ 


co1or: black: 
background-co1or: white /* 背景 色 */ 


} 


| ざ 注 評 テ デー で 必 史 
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/* リン ク 部 分 の 色 の 設定 */ 


Asi1infk { co1or: blue } /* 普通 の リン ク 色 */ 
Aivisited ( co1or: navy } /* すでに 見 た リン ク 色 */ 
Aiactive { color: red } /* クリ ッ ク し た 時 の リン ク 色 */ 
Aihover { co1or: aqua } /* カー ソル が 乗っ た 時 の リン ク 色 */ 


/* リン ク 部 分 の 下線 を 消す */ 
Ai11nk, Aivigited, Aiactive, Azhover { 0 の 
none } 


/* 個別 に クラ ス を 指定 し た リン ク だ け 色 を 変え る */ 

A.specia] { Font-weight: bo1d } /* 夫 字 : *7 
A.Specia1:1ink { color: #006699 } /* 浅い 青 */ 
A.specia1svigsited { col1or: #003366 } /* 渋い 組 色 */ 
A.Specia1 active { co1or: #990000 } /* 渋い 赤 */ 
A.Speocia1] :hover { co1or: #3399CC } /* 渋い 水色 */ 


/* 特定 の 範囲 リリ ンク だ け 色 を 変え る */ 
-navbar { 

text-a1ign: center: 

border-Eop: So11d #999999 1px: 

padding-top: 10px 
} 
-navbar Ai1ink { co]1or: #EFF3300 } / ま オレ ンジ */ 
-・navbar AiYigited 人 { co]1or: #FF9900 } /* 薄い オレ ンジ */ 
-naVbar Asaotive { Co]1or: #FFFFOO }) /* 黄色 */ 
・navbar Axhover { co1or: #FEO000 } 5 泊 ) 夫 7 


【HTML】 
<BODY> 


<H1> リ ンク に 関連 する スタ イル </H1> 

<P> 

<A href="oss .htm1 "> スタ イル シー ト </A> を 利用 する と 、1 部 の 
<A href="1ink .htm1 "> リン ク </A> だ け ス タイ ル や 色 な ど を 変え る 
こと が で きま す 。 リ ンク に スタ イル を 適用 する 場合 は 「<A hreF= 
pseudo .htm1" cl]ass="specia1 "> 疑 伺 ク ラス </A>」 と いう 
も の を 利用 し ます 。 

< く /P> 


<P cl1ass="navDbar"> 

[<A href="next .htm1 "> 次 ペー ジ </A>] 
[<A hrefF="Eop.htm1 "> トッ プ </ ム > ] 
[<A hrefF="prey . htm1 "> 前 ペー ジ </A>] 
</ P> 


</ BODY> 
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| ざ 浴 誰 テ ー パ で 導 汰 


獅 族 スタ イル シー ト を 利用 す 
る と 、 この 例 の よう ( 画 

人 昼 や 表 な ど に デキ スト を 
り 込ま せる こと が で き 


吾 


る た め に は 「clsar」 プ ロバ ティ 和 を 使用 し ます 。 RNN 胃 スタ イル ンー ト を 利用 






に 
Ri 


と この 人 8 の よう に 

を に テキ ス 

を 因り ませ る と と が 

N 2 まり きら 2 

3 

> 除 す る た の に は (oo ロ 
プロ パティ を 使用 し ます 。 


指定 し た 要素 を 左 また は 右 に 配置 し て 、 そ の 反対 側 に 他 の 要素 を 回 り 込ま せま す 。 

left は 指定 し た 要素 を 左 に 、right は 右 に 配置 し ます 。none を 指定 する と 左右 へ の 配 
置 と 回 り 込 み は 行い ませ ん 。 

回 り 込 み を 指定 し た 後に それ を 解除 する た め に は 、 「clear] プロパ ティ を 利用 し ます 。 


【CSS】 
BODY ({ background-co1or: white } 
TMG { E1oat: ef } 


【HTML】 

< く BODY> 

く P> 

<TMG src="fFish.qifF" width="230" height="145" NE 
画像 "> 

スタ イル シー ト を 利用 する と 、 こ の 例 の よう に 画像 や 表 な ど に テキ スト を 回 り 込 ませ る こと 

が で きま す 。 回 り 込 ん だ テキ スト が 収まり きら な い 場 合 に は 、 テ キス ト は 画像 の 下 に 
表示 され ます 。 こ の 回 り 込み を 解除 する た め に は 「c1ear」 プロ パテ ィ を 使用 し ます 。 

< く /P> 

< く /BODY> 
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ロン: 




















LNN40 
c1ear: どちら 科 の 要素 に 対し て 解 秦 す る か 
[どちら 側 の 要素 に 対し て 解除 する か 】 | iE40. 
left 。 左側 の 要素 に 対す る 回 り 込 み を 解除 _。 だ 、 較 謀 
ight 。 右側 の 要素 に 対す る 回 り 込 み を 解除 1 
both 。 両側 の 要素 に 対す る 回 り 込 み を 解除 4 
none 回 り 込み を 解除 し な い 





さて 、 この 回 り 込み を 解除 する た め に は 「clear」 プ ロ パ ティ を 
使用 する わけ で す が …・ 


g 索 スタ イル シー ト を 利 
る と と の 他 の よう に 
箇 仙 や 朱 な に デキ ス 
を 回り 0A ま せる こと が 
語 で きま す 。 


の に は 「clear」 プ ロバ ティ を 


さて 、 この 回 り 込み を 解 
使用 する わけ で す が ・・ 





解 ある 要素 を 左 、 又 は 右 に 配置 し て テキ スト な ど を 回 り 込ま せ た 場 合 の 、 回 り 込 み を 
記 史 解除 し ます 。 
プロ ッ ク レ ベル の 要素 に 対し て 指定 する こと が で きま す 。 


KU 【CSS】 
ンス BODY { background-co]1or: white } 
TMG { fFloat: 1efEt } 
-newcon { c1ears ef } 


pe 
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【HTML】 
<BODY> 


<P> 

<TMG sro="Fish.g1F" width="230" height="145" io 
画像 "> 

スタ イル シー ト を 利用 する と 、 こ の 例 の よう に 画像 や 表 な ど に テキ スト 

を 回 り 込 ませ る こと が で きま す 。 

く /P> 














<P ol1ass="newCon キ "> 

さて 、 こ の 回 り 込み を 解除 する た め に は 「c1ear」 プロ パテ ィ を 使用 する 
9 け で まがっ さ ・ 

</P> 





< く / BODY> 








リス ト で 使え る マー カー の 種類 


スタ イル シー ト で 設定 で きる リス ト の マー カー( マ ー ク や 数 字 ) の 種類 は 、 以 下 の 通 り 
で す 。 





disc 黒 まる に 設定 する ! 
circle 白 ま る に 設定 する 如 
SqUare 四角 に 設定 する 沖 
decimal 1 か ら 始ま る 十 進 表 の 数 字 に 設定 する 衣 
lower-roman 小文字 の ロー マ 字 に 設定 する 

upper-roman 大 文字 の ロー マ 字 に 設定 する 

lower-alpha 小文字 の アル ファ ベッ ト に 設定 する 

upper-alpha 大 文字 の アル ファ ベッ ト に 設定 する 

none マー カー を 表示 し な いよ うに 設定 する 
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リス ト の マー ク や 番号 の 形式 を 変え る 


11st-sty1e-type: 尊 類 








種類 disc・circle・Square ・decimal・IOwer-roman・UuDDer-「Oman・IOWer- 
alpha・upper-alpha ・ none 








* disc o circle = Square 

・ 黒 まる o 日 まる 。 四角 

・ 黒 まる o 日 まる * 四角 

1. decimal i lowsr-roman 1 upper-roman 
2 数 字 i ロー マ 数 字 IL ロー マ 数 字 
3. 十 進 数 呈 小文字 中 大 文字 

a lowerralph A upper-alpha none 

b アル ファ ベッ ト 


B_ アル ファ ベッ ト な し 
小文字 C 大 文字 な し 


p 


* dsc * circj Square 

・ 黒 まる ・ 日 まる 四角 

・ 黒 まる ・ 日 まる 四角 

1. decimal 1 lower-roman upper-roman 
i ロー マ 数 字 マ 数 字 
唱 小文字 





2. 

3 

a lower_alpha A upper-alpha 
b アル ファ ベッ ト  B アル ファ ベッ ト 
c 小文字 大 文字 





解 リス ト の マー ク や 番号 の 形式 を 設定 し ます 。 
月 品 仕様 上 は 、 他 に も 指定 で きる 種類 が ある の で す が 、 こ こ で は 実際 に 使用 で きる 種類 














を 紹介 し て いま す 。 
ス 
る < く BODY> タ 
タン <UL sty1e= "11 上 -8 モ 1@e- 上 YD@e: C1rcC1e"> イ 
回 <LT>circ1e</ エ エ > ル 
<L エ > 白 まる </ エ L エ > 了 
<L エ > 白 ま る </ エ エ > ト 
</UL> を 
</BODY> ) 
本 
EE 、 - 
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mw > 


_ IE50| 形状 auto・crosshair・default・pointer・move・text・wait ・help ・e-resiZe.・ 
ne-TeSIZ6 ・nW-「eSIZ6・「-T6SIZ6 ・S6-「eSIZB ・SW-TeSIZ6 ・S-T6SIZB ・W-feSIZe 








3 SMOerngt ZrpIoxob:- = 
以下 の ソー ス を コピ ー し て お 使い くだ さい 。 


scmrmr language="JaveScript* type="text/javascript"> 
く !-- 
if (self != top) top.location.href = self.location.href: 
> 


た == 
</SCRIPT> 


以下 の ソー ス を コピ ー し て お 使い くだ さい 。 


TSRIT language “JavaScript” type= text/javascript > 


評 0 != top) top.location.href = sef.location.href 





解 マウ ス な どの ポイ ン テ ィ ン グ デ バイ ス の カー ソル が 、 そ の 要素 の 上 に 乗っ て いる 時 
月 記 の カー ソル の 形状 を 設定 し ます 。 
この プロ パテ ィ は 、 す べ て の 要素 に 対し て 設定 する こと が で きま す 。 


kk 【CSS】 
ンジ CODE { oursor: ex } 


【HTML】 

< く BODY> 

<P> 以 下 の ソ ー ス を コピ ー し て お 使い くだ さい 。</B> 

< く PRE><CODE> 

&1t: SCRTPT 1anguage= "JavaScr1p 上 " type="tex/]javascript"&gt: 
を 1 上 ! ーー 
if (se1fF != top) top-1ocation.href = se1f.1ocation . href : 
// --&g: 

を 1 : /SCRTPT&ggt: 

</CODE></ PRE> 

< く / BODY> 


| ざ 注 誰 テ ー ツ で 改 
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形状 名 Win Mac 月 衣 | 


















































auto ブラ ウザ が 状況 に 応じ て 自動 設定 

crosshair 十 + 十字 型 

default NN ト k 標準 (矢印 型 ) 

pointer 民 】 リン ク 部 分 の 上 に ある 時 の 形状 

move 届 。 中 移動 可能 で ある こと を 示す 形状 IE40 
text 1 I テキ スト 選択 用 の 形状 _IE5. 
wal % @ 処理 中 で ある こと を 示す 形状 

help Ne  ? ヘル プ を 示す 形状 

n-resize T 全 リサ イズ 可能 : 上 方 向 

S-「eSize \ マ リサ イズ 可能 : 下方 向 

W-reSize e トロ リサ イズ 可能 : 左 方 向 

@-eSiZe 字 リサ イズ 可能 : 右 方 向 

ne-resize 多 ト I リサ イズ 可能 : 右上 方 向 

nW-resiZe NN 14 リサ イズ 可能 : 左上 方 向 

Se-「6SiZe | レ | リサ イズ 可能 : 右 下方 向 

SW-reSize 形 に リサ イズ 可能 : 左下 方 向 


page-break-beFore: a1way8 
page-break-afFter: a1wayg 





解 印刷 時 に 、 指 定 し た 部 分 の 前 また は 人 後 で 改 ペ ー ジ を する よう に 設定 し ます 。 
読 「 page-break-before] は 指定 し た 要素 の 前 で 、 「page-break-after] は 指定 し た 要素 の 後 
で 改 ペ ー ジ し ます 。 
仕様 上 は 、 指 定 で きる 値 が 他 に も 用 意 さ きれ て いる の で す が 、 現 在 利用 で きる の は こ 
の 値 だ け の よう で す 。 
この プロ パテ ィ は 印刷 時 に の み 有 効 で 、 画 面 表示 に は 影響 を 与え ませ ん 。 


| ざ 湾 誰 テ ー パ で 状 


の ① H1 { page-break-beEore: a1ways } /* 見 出し の 前 は 改 ペ ー ジ */ 
タン TABLE { page-break-beEore: a1wayg }  /* 表 の 前 は 改 ペ ー ジ */ 
@ 
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で さむ と 


ー 
ン 


l…… 


アク セ シ ピ リティ に つい て 


アク セ シ ビ リティ に つい て 説明 する 前 に 、Web コ ン テ ン ツ を 利用 する 状況 (環境 ) に は ど 


の よう な も の が ある か を 考え て み ま し ょ う 。 現在 、 実 際 に あり える 状況 と し て 、 次 の よう 
な も の が 考え られ ます 。 


・ 一 般 的 な デス クト ッ プ 環境 で 、 マ ウス や キー ボー ド を 使う こと が で きる 
・ マ ウス や キー ボー ド な ど を 使う こと が で き な い 

・ 小 さ な 画面 や モノ クロ の 画面 で 見 て いる 

・ 特 定 の 色 を 識別 する こと が で き な い 

・ 小 さ な 文字 を 読む の が 困難 な た め 、 大 きく 表示 させ て いる 

・ 動 いた り 点滅 する 文字 を 読む こと が 困難 

・ 古 い ブ ラウ ザ や ーー 般 的 で は な い ブ ラウ ザ を 利用 し て いる 

・ テ キス ト 以 外 の デー タ を 表示 し な いよ うに 設定 し て いる 

・ テ キス ト し か 表示 する こと が で き な い 環境 か ら ア クセ ス し て いる 
・ 内 容 を 音声 や 点字 な ど に 変換 し て 利用 し て いる 

・ そ の 他 の 様々 な 状況 


アク セ シ ビ リティ と は 、 一 般 に 「 ア クセ ス 性 ] や 「 ア クセ ス 容 易 性 ] な ど と 訳 さ れ て いま す 


が 、 科 単に いえ ば 「 情 報 を 得る こと が で き て 、 利 用 可能 に する こと | の よう な 意味 で す 。 


つま り 、 上 記 の どの よう な 状況 で も その 情報 を 利用 する こと が で きる ペー ジ は 、「[ ア ク 


セ シ ビ リティ が 高い ] と いう わけ で す 。 そ し て 、 そ の よう な ペー ジ を [アク セ シ ブ ル な ペー 
ジ 」 と も 表現 し ます 。 


で は 、「 ア クセ シブ プル な ペー ジ ] に する た め に は 、 具 体 的 に は どう すれ ば よい の で し ょ うか ? 
まず 言え る こと は 、 文書 構造 と その 表示 方 法 を 分 離す る と いう こと と 、 テ キス ト を 上 手 


に 利用 する と いう こと で す 。 テ キス ト デ ー タ は 、 音 声 や 点字 に 変換 する こと が で きま す 
し 、 も ちろ ん 画面 上 で 見 る こと も で きる アク セ シ プ ブル な デー タ 形 式 で す 。 他 の 様々 な 形式 
の デー タ の 代替 デー タ と し て テキ スト を 用 意 し て お くだ け で 、 多 く の 人 が それ を 利用 で き 
る よう に な り ま す 。 
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アク セ シ ビ リティ の 詳細 に つい て は 、 ガ イド ライ ン や 専門 の サイ ト (索引 [ホー ムページ 
作成 関連 リン ク ] : P.626) を 参照 し て いた だ く と し て 、 こ こ で は 一 般 的 な アク セ シ ビ リティ 
を 考慮 し た 場合 の 注意 点 を いく つか 紹介 し て お きま す 。 


・ テ キス ト 以 外 の 形式 の デー タ に は 、 同 じ 役割 や 意味 の ある テキ スト デー タ を 付け る 
(al 属性 や リン ク な ど を 利用 ) 

・HTML4.0 で 廃止 予定 と な っ て いる 要素 や 属性 を 使用 し な い 

・ レ イア ウト を する 目的 で 、 表 を 使用 し な い 

・ 自 動 的 に 新しい ウイ ンド ウ を 開く こと は 避け る 

・ 文 字 を 点滅 させ た り 、 動 か し た りす る こと は 避け る 

・ 色 の 識別 が 困難 な 人 や モノ クロ 画面 を 使用 し て いる 人 で も 、 判読 可能 な 配色 に する 
・ 一 定 間隔 で 内 容 を 自動 更新 する ペー ジ を 作る こと は 避け る 

・ リ ンク 部 分 の 言葉 は 、 そ の 部 分 を 読ん を だ だ け で も 意味 の 分 か る も の に する 

(リン ク 先 の 内 容 を 明示 する 言葉 に する 。 「Click here」 や 「 こ こ を クリ ッ ク 」 な どの 言 
葉 は 使わ な い ) 
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<TMG …- a1t=" 大 と 局 等 の 意 原 の あ る テキ スト "> 


立 で も 簡単 よく わか る ! 


隊 で も 騰 単 よく わか る ! 


HTML_ の 基本 的 な 要素 と し て は 、 …* 以 下 略 ・… 
OM | @ 基本 機 造 を 示す 要素 
の 基本 8 な 要素 と し て は 、 … 以 下 申 … 
^ < は 


a に 語 | 








解 al 属性 に は 、 画 像 が 表示 で き な い 場合 に 、 画像 の 代わ り に そこ に 配置 され る テキ ス 
負 記 ト を 指定 し ます 。 

この 属性 を 指定 する 上 で 重要 な こと は 、「alk」 は 「alrernative( 代 わり の )」 の 意味 で 、 こ 
こ に は 画像 の 「 説 明 ] を 書い て お く の で は な く 、 あ くま で [代わ り と な る 、 画像 と 同じ 
意味 や 役割 を も っ た テキ スト ] を 指定 する と いう こと で す 。 ツ ー ル チッ プ で 画像 の 説 
明 を 表示 し た い 場 合 に は 、dire 属 性 を 使用 する の が 正しい 方 法 で す 。 
al 属性 を 正しく 指定 し て お く と 、 画 像 を 表示 し な いよ うに 設定 し て いる 人 や テキ ス 
トブ プラ ウザ を 利用 し て いる 人 、 音 声 や 点字 に よる アク セス を し て いる 人 な ども 、 そ 
の 内 容 を 理解 する こと が で きる よう に な り ま す 。 し か し 、 こ の 場合 に も いく つか 注 
意 す る 点 が あり ます 。 


| 


・ 必 要 が な けれ ば 「alt="」] と 空 文 字 を 指定 する 
例え ば 、 文 脈 上 意味 が な い 画 像 な どの 場合 は 、 無理 に テキ スト を 入れ る と か えっ 
て 混乱 する 場合 が あり ます 。 
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・ 連 続 し た 複数 の 画像 の alt 属 性 は 、 連 続 し て 表現 され る 
複数 の 画像 が 続け て 配置 され て いる 場合 に は 、alr 属 性 で 指定 し た テキ スト が その 
まま 続け て 表示 され て も お か し く な ら な いよ うに 、 ス ペー スキ や 記号 、 句 読点 な ど 
を うま く 入 れる よう に し て くだ さい 。 


・ 文 章 中 の 画像 の alt 属 性 は 、 前 後 の テ キス ト に 続け て 表現 され る 
この 場合 も 、 上 の 例 と 同様 に 句読点 な ど を 適切 に 入れ る よう に し て くだ さい 。 


他 に も 注意 する 点 は ある の で す が 、 実際 に どう な る か を 確認 し て みる の が 1 番 よ い 
方 法 で す 。 テ キス トブ ラウ ザ で 見 て お か し な 部 分 が な けれ ば 、 ほ ば ぼ 問 題 は な いと 考 
えて よい で し ょ う 。 


<!DOCTYPE HTML PUBLTC "-//W3C//DTD HTML, 4.0 Transitiona1 / / EN" 
"http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> | 

<HTML, ]ang="]a"> 

< く HEAD> 

<TTTLE>a1t 属 性 の 使い 方 サン プル </TTTLE> 

</ HEAD> 

<BODY bgco1or= "white"> 


<H1> 

< エ MG sc="1mages/1ogo.91fF" width="234" he1ight="54" a1 セ =" 
HTML 人 入門 "> 』 
< く /H1> 

<H2> 

<TMG Src="1mageS/maru.d1EF" width="20" height="20" Pr 
。 湯 誠 

基本 構造 を 示す 要素 

< く /H2> 

<P>HTML, の 基本 的 な 要素 と し て は 、・・・ 以 下 略 ・・・</P> 

<HR> 

<P a]11ign="center"> 

<A href="index .htm1 "> 

<TMG sro="1mageS/top .91F" a1 モ =" [ トッ プペ ー ジ ] "border="0"></A> 
<A href="oconents .htm1 "> 

< エ MG Src="1madeS/DreV .J91F" a1 セ 上 =" [前 ペー ジ ]『" border="0"></A> 
<A hrefF="section2 .htm1 "> 

<T エ MG Sro="1mages/next .g1F" a1 モ =" [次 ペー ジ ] " border="0"></A> 
</P> 


</ BODY> 
</HTML> 
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ー ろ と で 只 さ 生 と 


/ 


用 … 


< 要素 名 … tabindex=" タ ブ 放 "> 














r] 


タフ で 移動 する 順序 








タブ 順 


0~-32767 ま で の 数 字 





月 衣 


タプ キー を 押し た 場合 に 移動 する 項目 の 順序 を 設定 し ます 。 

この 属性 が 指定 され た 要素 は 、 指 定 さ れ た 数 字 の 小さ な も の か ら 順 に 移動 し ます 。 
た だ し 、 値 と し て 0 が 指定 され て いる 要素 と 、 属 性 自体 が 指定 され て いな い 要 素 は 、 
1 以上 の 数 値 が 指定 され て いる も の の 後に 移動 する こと に な り ま す 。 複 数 の 要素 に 
同じ 値 が 設定 され て いる 場合 は 、 文 書 の 中 で 先 に ある も の に 先 に 移動 し ます 。 
この 属性 は 、 次 の 要素 の 属性 と し て 指定 する こと が で きま す 。 


A・AREA・BUTTON・TNPUT・OBJECT・SELECT・TEXTAREA 
タプ 順 を 適切 に 設定 し て お く と 、 マ ウス が 使え な い 状態 (環境 ) の 時 に 非常 に 便利 で す 。 


<!DOCTYPE HTMT, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"http : / /www .w3 . org/TR/REC-htm140/1oose .dtd"> 』 
<HTML, 1ang="]a"> 
<HEAD> 
) 
< く / HEAD> 
< く BODY> 
<FORM action=" /cgi-bin/Formmai1 .Cg1" method= "post 上 "> 
く P> 
<LABEL> 
お 名 前 : < エ NPUT type="text 上 " name="namae" tabindexx="1"> 
</LABEL><BR> 
<LABE エ > 
メー ル : <TNPUT type="text" name="ema11" tabindex="2"> 
</LABEL> 
< く /P> 
く P> 
<TNPUT type= "Submit" ya]ue=" 送信 " tabindex="3"> 
<TNPUT type="reset" value=" ク リア " tabindex="4"> 
< く /P> 
</FORM> 
</ BODY> 
</HTML> 
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ショ ー ト カッ トキ ー を 割り き 
< 要 東 名 ー accesskey=" シ ョ ー ム カット キー"> 





ヨー 以上 R 湯 HTML4.0 で 利用 可能 な 文字 セッ ト 中 の 1 文字 





4 この 属性 を 指定 し た 要素 に 対し て 、 シ ョ ー ト カッ トキ ー を 割り 当て ます 。 
月 衣 利用 方 法 は 使用 し て いる OS に 依存 する の で す が 、Windows で あれ ば 「alt] キ ー、 
Macintosh で あれ ば 「command| キ ー を 同時 に 押し て 利用 し ます 。 
この 属性 は 、 次 の 要素 の 属性 と し て 指定 する こと が で きま す 。 


ム ・AREA・BUTTON・TNPUT・LABEL・LEGEND・TEXTAREA 


この 機能 に よっ て 、 マ ウス が 使え な い 状態 (環境 ) で も 、 特 定 の リン ク 部 分 を 選択 し 
た り ボ タン を 押し た りす る こと な ど が 素早 く 行 える よう に な り ま す 。 


1 <!DOCTYPE HTMTL, PUBLTC "-//W3C//DTD HTML 4.0 Transitiona1 / /EN" 
"hp : / /www .W3 .orgd/TR/REC-htm140/1oose .dtd"> 2 
因 <HTMI, 1ang="]a"> 
<HEAD> 
) 
< く / HEAD> 
< く BODY> 
) 
<P> 
<A hrefF="../contents.htm1" accesskey="Cr>Tab]le oE 
ContentS</A> 』 
</P> 
) 
</ BODY> 
</ HTML> 
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| 


< 要素 名 1ang=" 言語 "> 

































【 言 語 】 
ja 日 本 語 生き 。 
en き 語 そろ 本 3 
_enUS 。 アメ リカ 英語 。 Fs TE 軸 
fr フラ ンス 語 1 半 る 細 
de ドイ ツ 語 1 と ま 
2h 中 国語 な ど 
解 その 要素 の 内 容 と 属性 の 値 の 言語 を 指定 し ます 。 
月 基本 的 な 言語 を 示す だ け で な く 、 途 中 で 異な る 言語 が 出 て くる 場合 に も 指定 し て お 
く と 役に立ち ます 。 
この 指定 は 、 次 の よう な 場合 の 利用 が 考え られ ます 。 た だ し 、 現在 は 利用 で き て い 
な いも の が 多く 、 実 際 に は 将来 的 に 考え られ る 利用 方 法 だ と も いえ ます 。 
・ 指 定 され た 言語 の 慣習 に 従っ た 、 よ り 正しい 表示 を する こと が 可能 に な る (例え ば 、 
ブラ ウザ が 自動 的 に その 言語 に 合っ た 引用 符 を 選択 する 場合 な ど に 利用 で きる ) 
・ 別 言語 バー ジョ ン が ある 場合 、Content Negotiation に よっ て 自動 的 に 自分 の 望む 
言語 の ペー ジ が 送信 され る よう に な る (W3C の ペー ジ に は 、 こ の よう な 記述 が あ 
る が 、 現 在 の と ころ 、 実際 に は 拡張 子 で の み 判 断 可 能 な 模様) 
・ サ ー チ エン ジン の デー タ を 言語 別に 利用 で きる よう に な る 
・ ス ピー チ シ ン セ サ イ ザ な ど が 正しい 発音 や アク セン ト で 音声 出力 で きる よう に な る 
・ ス ペル チェ ッ カ ー や 文法 チェ ッ カ ー が 適切 に チェ ッ ク す る こと が 可能 に な る 
・ 自 動 翻訳 を する 場合 に 適切 に 翻訳 する こと が 可能 に な る 
RU <!DOCTYPE HTMTL, PUBLTC "-//W3C/ /DTD HTML, 4.0 Transitiona] / /EN" 
2 の "http: //www.w3 .org/TR/REC-htm140/1oose.dtd"> 』 


<HTML, 1ang="]a"> 
<HEAD> 
) 
</HEAD> 
<BODY> 
) 
</ BODY> 
</HTML> 
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i モ ー ド 対応 の ホー ムペ ー ジ 作成 


i モ ー ド 端末 用 ペー ジ に つい て 


和 i モ ー ド サー ビス ] を 利用 する と 、 携 帯電 話 か ら イ ンタ ーネット に 接続 し て 、Wcb ペ ー ジ 
を 見 る こと が で きま す 。 し か し 、 そ の 場合 に 見 る こと の で きる 内 容 に は 、 い くつ か の 制限 
が あり ます 。 

実際 に i モ ー ド か ら 見 て も ら う た め に は 、i モ ー ド 端末 専用 の ペー ジ を 作成 する 必要 が あ 
る と 考え た 方 が よい で し ょ う 。 


具体 的 な 制限 事項 と し て は 、 次 の よう な も の が あり ます 。 


・ 使 用 で きる 要素 や 属性 が 限ら れ て いる 
・ 表 示 可 能 な 文字 コード は シフ ト JIS の み 
・ 表 示 可 能 な 画像 は 2 階 調 の GIF 形式 の み 
・ 画 像 を 含む 1 ペー ジ の サイ ズ は 基本 的 に 2KB ま で 
・ 表 示 画 面 は 基本 的 に 全角 で 横 8 文字 ・ 縦 6 行 
(機種 に よっ て 異な る 。 ま た 、 ス クロ ー ル は 可能 ) 
・Java と JavaScript は 使用 不可 
(CGI は 利用 可 ) 


その 反面 、: モ ー ド 端末 で は 、 次 の よう な こと が 可能 に な っ て いま す 。 


・ 独 自 の 「 絵 文字 ] が 利用 で きる 

・ 半 角 カ ナ が 問題 な く 利 用 で きる 

・ リ ンク を 利用 し て 電話 を か ける こと が で きる 
(URL と し て 「tel:-」 形 式 が 利用 可能 」) 
【 例 】 <A href="te1 :03-1234-5678">ー</A> 

・ シ ョ ー ト カッ トキ ー と し て 「0 一 9・#・*」 が 単独 で 利用 で きる 
【 例 】 <A href="http : / / て " accesSkey="1 ">ー</A> 
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i モ ー ド 端末 で 利用 で きる 要素 ・ 属 性 一 臣 


要素 名 属性 名 
ペー ジ の 基礎 と な る 内 容 

HTML 

HEAD 

BODY 

TITLE 

BASE href 
テキ スト 

H1 一 H6 align 
P align 
BLOCKQUOTE 

PLAINTEXT 

DIV align 


スタ イル と レイ アウ ト 

BR clear 

PRE 

CENTER 

HR align・size・width 

リン ク 

A name・href・accesskey 
リス ト 

UL 

OL 

L 

DL 

DT 

DD 

DIR 

MENU 

画像 

IMG src・align・width・height・hspace・vspace・alt 
入力 フォ ー ム 

FORM action・method 

INPUT type・name・Size・maxlength・accesskey・value・checked 
TEXTAREA name・「OoWS・Cols 
SELECT name・size 

OPTION selected 


※ よ り 詳 し い 内 容 に つい て は 、 索 引 「 ホ ー ム ペー ジ 作 成 関連 リン ク 」 (P.626) に 掲載 され て いる 「NTT 
DoCoMo Net] の ホー ムペ ー ジ を ご 覧 くだ さい 。 
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「 テ キス ト 」 の 「 特 別 な 文字 を 表示 させ る ](P.59) で は 、 日 本 語 環境 で も 使用 で きる 特別 な 
文字 に つい て 説明 し まし た が 、HTML4.0 で は それ 以外 に も 多く の 文字 が 定義 され て いま 
す 。 し か し 、 実際 に 表示 で きる 文字 は 、 使 用 し て いる OS や プラ ウザ の バー ジョ ン な ど に 
よっ て 異な り ま す 。 特 に 日 本 語 環境 で 利用 し て いる 場合 に は 、 ほ と ん ど が 表示 で き な い 場 
合 も あり ます 。 こ こ で は 、 そ の 中 で も 多く の 文字 を 表示 可能 な Windows 版 の Internet Ex- 
Plorer5.0 で の 表示 例 を 示し ます 。 


「 特 別 な 文字 は 、HTML4.0 で は 文字 参照 と し て 定義 され て お り 、 次 の 3 種類 に 分 類 さ れ 
て いま す 。 





ここ に 定義 8 され て いる 文字 を 表示 させ る 場合 、[ キ ー ワ ー ド :] と いう 形式 と 、「&# 番 号 :] 
と いう 2 種類 の 形式 を 利用 する こと が で きま す 。 キ ー ワ ー ド に つい て は 、 大 文字 と 小文字 
は 別 の 文字 と し て 扱わ れ ま す の で 注意 し て くだ さい 。 な お 、 キ ー ワ ー ド 形式 で は 表示 され 


な いも の で も 、 番 号 形式 で 指定 する と 表示 され る 場合 が あり ます 。 


IS0 8859-1 (Latin 1) 


キー ワー ド # 番 号 
&nbsp: &#160: 
pound: 163: 
brvbar, 改 尋 66: 
&copyi &#169: 
no 傍 #172: 
macrs 人 &#175: 
< &sup2: &#178: 
婦 micro: 多 #181: 
。 ced 店 &#184 
&raquo: 。 &#187: 
&&frac34, 改 #190: 
Aacute:  &#193: 
KAumli &#196: 
&&Cced 吊 。 &#199: 
EEcirc: &#202: 
人 Iacute: 。 必 #205: 





















キー ワー ド # 号 
&iexcl: &#161: 
curren:  &#164: 
&sect 人 &#167: 
&ordf &#170: 
&shy: 。 &H73: 
&deg。  &76: 
sup3: &#179: 
多 parai 人 #182: 
&supl: 人 #185: 
&frac14: 必 #88: 
&iquest  &#191: 
低 Acir: 多 #194: 
Aring: 。 &#97: 
人 &Egrave: 。&#200: 
&Euml: 侵 #203: 
多 Icirc: 人 &#206: 


キー ワー ド # 番 号 
\ cent &#162: 
半 。 &yen 165: 
umli #168: 
&laquo: 。 & 才 71: 
&reg: 人 74 
&plusmn: 必 衣 77: 
acute: 人 &#180: 
&middot, &#183: 
ordm: &#186: 
&frac12: 改 89: 


《 
⑤ 
コ 
作 
A Agrave: 。&#192: 
A 
中 
E 
| 
i 














pt の | ーー 








| 」@-- い 











モ 














Atilde: 多 #195: 
&AElig: 婦 計 98: 
多 Eacutei 。 必 201: 
&Igravei 。 &#204 
&Iuml: &#207: 














rep 状 マ 
に lesHlesP PJ こ に = 人 ョ | ぃ | “ 





HTML4.0 で 定義 され て いる 特別 な 文字 
























































D &ETH:  &208: | N &Nulde. &#209: | 〇 &Ograve』 &#210: 
O &Oacute: 。&#211: OO &Ocirc: 多 #212: O &&Ouildei 。 必 #213: 
O &Oumi 仏 #214: XX &umesi &#215: の &Oslash: &#216: 
U &Ugrave: &#217, | U KUacute: &#218: U &Ucirc  &#219: 
U &Uuml: 8&#220: | Y &Yacure. &#221: | P &THORN, &#222: 
BB Sszhg: 釣 #223: a &agravei:  &#22 全 a aacute: 多 #225: 
8 &acire  &#226: | 8 &atlde  &#227, | き &aumk  &4228: 
き &aring: 。 &#229: | ae &aeligx 。 &#230: | マ gcced 和 b  &231, 
-@ &egrave: y 払 #232: 由 Keacute: 。 &#233: 旧 半 - _8ecirci 還 返 #234: 
き 8&eumk 8&235: 1 &igrave:  &#236: 1 8&gacute  &#237: 
1 &icirc 。 &%238, | 1 &iuml  &#239, | 6 &eh: &#240: 
件 &ntilde: 人 #241: O &ogravei &#242: Q① &oacutei 。&#243: 
6 &ocirci 改 #244: 6 &ouildei  &#245: 0⑳ &ouml: &#246: 
ー &divideg 247: @ &oslash。 248, | 1 &ugrave:  &#249: 
世 uacute: 層 #250: せ &ucirci 人 &#251: せ uuml: #252: 
Y sacue:  &53: | D &thomi &254: | 9 syumk  &M255 








ギリ シャ 文字 ・ シ ン ボ ル ・ 数 学 記号 
キー ワー ド # 番 号 キー ワー ド # 括 号 













キー ワー ド # 番 号 
















































































5 &fnof 奴 #402: A &Alpha: 。&#913: B &Be: 人 &#914: 
「 &Gamma: &#915: | A &Delm: &916: | 上 &Epsilon: &#917, 
Z &Zcm:  &#918, | HH &Ea:  &%919, | 6 &Them: &#920: 
較 Iotai &#921: K &Kappa: &#922: N  &Lambda, &#923: 
M &Mu: sg&9244 | N &Num  g&925 | = ミ sos &926, 
_O &Omicon: &927, | TT &Pi &%928. | P &Rho  &%929: 
_- 宛 _&Sigmai &#931: T Taui 。 &932: VC _&Upsilon: &#933, 
① &Phi 。 eg&934: | X &Chi  &4935: |W &Psk  &M936 
_Q &Omegai_ &#937, | W &alpha:  &#945: が 。&bemi: &#946: 
了 8&gammai _&#947: 1 6 K&delta: &#948: と &cpsilon: 8&d#949: 
と &zee:  &950: | 7 &em:  &4951. | 9 &hem:  &%952: 
/ &iom: &#953: | 多 &kappa: &#95 人 4% | ひ &lambda: &#955: 
太 &mui &#956: の &nu: &4957, | gh &#958: 
0 @&omicron: 必 #959: 巡 &ps &#960: O &rho: 多 #961: 
C gsigmaf 8&#962, | ひ &sigmai  &#963: | 7 &tauu  &8964 
の &upsilon: &4965: | の &phi  &4966, | メア &chi &#967: 
め &psi & 約 68: 6 &omega: amp:969: | 9 &thetasymi &#977: 
Y &upsih: 。 &#978. | O &piv &#982: ・ gbull 8&8226: 
… &hellip: 8&#8230, | / &prime: &#8242: | ヶ gkPrime 8&#8243: 
_&oline &#8254: | / &fask  &#8260 8&oweierp:  &#8472: 
&imagei _ &#8465: | Kreal: &#8476: TM trade: 人 &#8482: 
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&alefsym: &#8501: 
rarr: &#8594: 
crarr: 人 #8629: 
KrArr 人 &#8658: 
&forall: &#8704: 
&empty:  &#8709: 
&notin: 。 &#8713: 


ィ &larr 人 #8592: 

| &dar:  &#8595: 
&IArr &#8656: 
&dArr: &#8659: 
&part &#8706: 
&nabla: 改 #8711: 
ni 人 &#8715: 


了 uarr 人 &#8593: 
harr &#8596: 
wuArr: 8657: 
人 hArr &#8660: 
&exisb: 人 &#8707: 
Kisin: が 8712: 


&prod:  @&#8719 



















! 











く U 





加山 





ESI に 3 

















テ &sum: 人 #8721: 多 minus: 人 改 #8722: &&lowast _&#8727: 
Y eradic。 8&#8730: 8&prop: 。 &#8733, | oo 8infn:  &#873 
ン &ang: 8&#8736: &and:  &#8743,。 | W &or 8&#8744 
 &cap: 8&#8745: &cup:  &#8746, | | eins &#8747, 





。 &there4:。 &#8756: 
&asymp:  &#8776: 
&le: &#8804: 
Ksup: &#8835: 
&supe: &#8839: 
&perp: &#8869: 
&rce 直 &#8969: 
&lang: &#9001: 
&spades:  &#9824: 
&#9830: 


人 sim: &#87645: 
&ne: &#8800: 
&ge: 人 &#8805: 
&nsub:  &#8836: 
&oplus:  &#8853: 
&sdot &#8901: 
&lfloor: &#8970: 
⑳ &rang:  &#9002: 
&clubs:  &#9827: 


&cong: 人 &#8773: 
equiv:  &#8801: 
&sub: 公 #8834: 
&subei 公 #8838, 
&otimes: &#8855: 
&lceil 人 #8968: 
_&rfloor &#8971: 
&loz: &#9674: 


&hearts: 必 #9829: 





| に C|>|8 








軸 介 軸 








FIMUU 


























その 他 の 特別 な 文字 



















































キー ワー ド # 番 号 中 の 己 ド キー ワー ド # 番 号 
quot 3 人 & 。 &amp: &#38: &lc &#60: 
> &gt 人 &#62: G &OElig  &#338: e  K&oelig: 人 &#339: 
S&Scaron: &#352: $  &scaron: &#353。 | Y  &Yumli &876: 
^ circi 多 #710: “。 &tilde: 人 #732: Kensp: #8194: 
&emsp: &#8195: &thinsp: 。 &#8201, | "8&zwnji  &#820 負 
&zwj: &#8205: &Irm: &#8206: &rlm &#8207: 











ー endash:  &#8211: 
* rsquo: 公 #8217: 
&rdquoi 人 &#8221: 
キキ &Dagger 8&#8225: 
〉 rsaquoi:  &#8250: 


ーー &mdash: 必 #8212: 
> sbquo: &#8218: 
> ぅ  &bdquo: 。&#8222: 

%o &permb 。&#S240: 
を  &euro: 人 &#8364: 


・ 。 &lsquo: 。&#8216: 
* 。 &ldquo: &#8220: 
十 。&daggen &#8224: 
《  &lsaquo: &#8249: 







































※ こ の サン ブル で は 、Internet Explorer5.0 を 使い 、 最 も 一 般 的 と 思わ れる 環境 (Windows98) 設定 (文字 コー ド 
は 「 シ フト JIS」 ・ フ ォ ン ト は 「MS ゴシック 」) で 、 番号 形式 で 文字 を 指定 し て 表示 させ まし た 。 表示 され な 
い 、 又 は 文字 化け し て し まう 文字 に 関し て は 、 空欄 に し て あり ます 。 
詳細 な 使用 方 法 は 、「 テ キス ト 」 の 「 特 別 な 文字 を 表示 させ る 」(P.59) を 参照 し て くだ さい 。 


HTML4.0 で 定義 され て いる 特別 な 文字 





JavaScrIpt 





JavaScript に つい て 
navigator オ ブ ジ ェクト …… 
Screen オブ ジェ クト … 

event オ ブ ジ ェクト 
window オ ブ ジ ェクト .… 
frame オ ブ ジ ェクト 
document オ ブ ジ ェクト 
history オ ブ ジ ェクト … 
location オ ブ ジ ェクト …… 6 
Link オ ブ ジ ェクト ・Anchor オ ブ ジ ェクト … 
Form オ ブ ジ ェクト … 
Area オ ブ ジ ェクト … 
Image オ ブ ジ ェクト 
Layer オ ブ ジ ェクト (Netscape Navigator) 416 




















スタ イル シー ト (Internet Explorer) … 428 
Date オ ブ ジ ェクト 
Math オ ブ ジ ェクト 
string オ ブ ジ ェクト 
Array オ ブ ジ ェクト 
function オ ブ ジ ェクト .… 
Object オ ブ ジ ェクト 
Boolean オ ブ ジ ェクト …… 
NBeh オ ジミ モエ ウ Nsasivnsses 
複数 の オブ ジェ クト で 使用 で きる 

プロ バテ ィ ・ メ ソ ッ ド …… 512 
ビル トイ ン 関 数 (top-level 関 数 ) … 
リフ ァ レ ンス … 














PE 
い 
9 


石 1duoSEABF 





250 


1. JavaScript と は ? 


JavaScript と は 


JavaScript と は 、Netscape 社 が Web ペ ー ジ の 処理 能力 を 高め る た め に 開発 し た LiveScript 
を 元 に 、Netscape 社 と Sun 社 が 共同 で 開発 し た スク リプ ト 言 語 で 、 現 在 Netscape Navigator 
2.0 以 隆 の プラ ウザ と Internet Explorer3.0 以 降 の プラ ウザ で 対応 され て いま す 。 

JavaScript を 使う こと に より 、Web ペ ー ジ を 動 的 に 変化 させ た り 、 今 まで CGI な ど で 行 う 
必要 が あっ た 処理 の 一 部 を 、Web ペ ー ジ 上 で 行う こと が 可能 に な り ま す 。 


仕様 に Java と 似 た 部 分 が あり 、 JavaScript が 実行 で きる 環境 (プラ ウザ ) さ え あ れ ば 、OS が 
違っ て いて も 同じ よう に 動く (こと を 期待 で きる ) プ ログ ラム を 書け る 点 な ども Java と 似 て い 
る と いえ ます 。 け れ ど も 、 基 本 的 に java と は 別物 と 考え た 方 が よい で し ょ う 。 

Java と の 最大 の 違い は 、 コ ン パ イル する 必要 が な いと いう 点 で す 。HTIML 文章 内 に 直接 
JavaScripr を 記述 し 、 そ の ファ イル を プラ ウザ で 読み 込む こと に よっ て 、 手軽 に スプ リク ト 
を 実行 で きる 点 が あげ られ ます 。 


JavaScript の 種類 


JavaScript は 、 現在 4 種類 の バー ジョ ン が 公開 され て いま す 。 avaScript の より 新しい バー 
ジョ ン は 、 一 部 の 変更 点 を 除い て 、 古い パー ジョ ン の javaScript の すべ て に 対応 し て いま す 。 
それ ぞ れ の バー ジョ ン の 特徴 と 対応 プラ ウザ は 、 次 の 通り で す 。 


田 JavaScript1.0 

プラ ウザ の ウィ ンド ウ を 操作 する window オ プ ジ ェ クト や 、 日 付 を 取り 扱う Date オ プ ジ ェ 
クト な ど 、 基 本 的 な オプ ジェ クト が 追加 され まし た 。 

Netscape Navigator2.0、Internct Explorer3.0 以 降 の プラ ウザ で サポ ー ト され て いま す 。 


田 JavaScript1.1 

画像 を 取り 扱う Imagg オ プ ジ ェ クト が サポ ー ト され まし た 。 こ れ に より ペー ジ 表 示 後に 
画像 が 置き 換え られ る よう に な り 、 マ ウス ポイ ンタ の 動作 に よっ て 画像 を 差し 換え た り 、 
定期 的 に 画像 を 差し 換え る こと に よっ て アニ メー ショ ン の 効果 を 出し た り で きる よう に な 
り ま し た 。 

Netscape Navigator3.0、Internet Explorer4.0 以 降 の プラ ウザ で サポ ー ト され て いま す 。 


一 JavaScript 1 . ら 

ディ スプ レイ サイ ズ な どの ディ スプ レイ の 情報 を 取得 する screemn オ プ ジ ェ クト や 、 ウ ィ 
ンド ウ 上 に 絶対 座標 で コン テン ツ の 位置 を 設定 し た り 、 重 な り を 指定 する こと が で きる 
layer オ プ ジ ェ クト な どか 追加 され まし た 。 こ れ に より 、 デ ィ ス プレ イ 上 の ウィ ンド ウ の 位 


JavaScript と は ? 


置 や 、 ウ ィ ン ド ウ 内 に 表示 する コン テン ツ の 位置 や 重なり を 細か く 設 定 す る こと が で きる 
よう に な り 、 更 に それ ら を 動 的 に 変化 させ る こと が で きる よう に な り ま し た 。 
Netscape Navigator4.0、Internet Explorer4.0 以 降 の プラ ウザ で サポ ー ト され て いま す 。 


還 JavaScript1.3 

文字 コー ド の 扱い が UNICODE に な っ た ほか 、 日 付 を 取り 扱う Date オ プ ジ ェ クト で 年 号 
が 4 桁 で 表せ る よう に な っ た り 、 ミ リセ コン ド 単 位 の 時 間 を 扱え る よう に な っ た り 、 と いっ 
た 細か い 部 分 の 追加 ・ 変 更 が 行わ も てい ます 。 こ れ ら の 処置 は 、ECMAScript と 互換 を 取 
る た め の も の で す 。 

Netscape Navigator4.06、Internet Explorer5.0 以 降 の プラ ウザ で サポ ー ト され て いま す 。 


この 他 の JavaScript と 共に 覚え て お きた い ス クリ プ ト 言 語 に 、ECMAScripr と JScript が あ 
り ま す 。 こ れ ら は JavaScript を ベー ス に し て 作ら れ た 言語 で 、JavaScript と 互換 を 取る よう 
に 配慮 され て いま す が 、 そ の 仕様 や 実装 に は 徹 妙 な 違い が あり 、 残 念 な が ら 現 状 で は 100% 
互換 が ある と は 言い 切れ ませ ん 。 

それ ぞ れ の 言語 の 特徴 は 、 次 の 通り で す 。 


較 ECMAScript 

ヨー ロッ パ の 標準 化 機関 で ある ECMA(EuropeanComputerManufacturersAssociation) が 、 
JavaScript1.1 を ペー ス に 規定 し た 、 イ ンタ ーネット で 使用 する スク リプ ト 言 語 の 仕様 。 
ECMA-262 と し て 仕様 が 公開 され て いま す 。 

ECMAScripit は あく まで も 言語 仕様 を 規定 し た も の で あり 、 そ の 仕様 に 合わ せ て どの よ 
うに 実装 され る か は 、 そ の 言語 に よっ て 変わ っ て きま す 。 

現在 、javaScript1.3 と Microsoft 社 の JScript3.1 が 、ECMAScript と 互換 が 取ら れ て いる こ 
と に な っ て いま す が 、2 つ の スク リプ ト 言 語 に は か な り 違 う 部 分 が あり ます 。 


還 JScript 

Microsoft 社 が 独自 に 開発 し た 、JavaScript 万 換 の スク リプ ト 言 語 。Internet Explorer に 搭 
載 さ れ て いる の は 、 正 確 に いう と JavaScript で は な く 、 こ の JScript と いう こと に な り ま す 。 

Internet Explorer3.0(Macintosh 版 は Internet Explorer3.1) か ら 実 装 さ すれ て お り 、Internet 
Explorer3.x に は JavaScript1.0 レ ベル の スク リプ ト が 実行 で きる JScript が 、Internet 
Explorer4.x に は JavaScripr1.1 レ ベル の スク リプ ト と JavaScript1.2 の 一 部 が 実行 で きる レベ ル 
の JScript が 実装 され て いま す 。 

現在 仕様 が 公開 され て いる JScript は JScript5.0( 日 本 語 ペ ー ジ で は JScript4) で 、 こ れ は Java 
Script 換 と いう より 、ECMAScripr 末 換 ス クリ プ ト と いっ た 方 が よく 、ECMAScript に 準 
拠 し な が ら Interner Explorer 独 自 の 拡張 が 施さ れ て いま す 。TInterner Explorer5.x で 採用 され 
て いま す 。 
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ブラ ウザ か ら 見 た JavaScript へ の 対応 状況 


Netscape Navigator、Internet Explorer 両 プチ ウザ の 、 各 パー ジョ ン で 対応 し て いる Java 
Script と 、JavaScript を 使う 上 で の 注意 点 は 、 次 の 通り で す 。 


田 NetScape Navigator2.x 

JavaScripr1.0 に 対応 。 

JavaScript に 始め て 対応 し た プラ ウザ 。Macinrosh 版 で は 、 新 し い ウ ィ ン ド ウ を 開い た 
時 、 表 示す る ペー ジ の URL が 取得 で きず に ペー ジ が 表示 で き な い 、 ル ー プ し て JavaScript を 
実行 する と メモ リー エラ ー が 発生 する 、 な どの 問題 が あり まし た 。 


田 NetSCape Navigator3.x 
JavaScript1.1 に 対応 。 
Netscape Navigator2.x の Macintosh 版 に あっ た 問題 点 が 解消 され て いま す 。 


田 NetScape Navigator4.x 

JavaScript1.2 に 対応 。 

レイ ヤー な ど 、Netscape Navigator 独 自 仕様 の も の も る JavaScript で 制御 で きる よう に な り 
まし た が 、 そ の 結果 、 ス クリ プ ト の 独自 色 が 強まっ て し まい まし た 。 

また 、W3C に よる 標準 仕様 が 存在 する スタ イル シー ト で も レイ ヤー と 同じ よう に Java 
Scrip で 制御 で きま す が 、Netscape Navigator 自 身 ひ スタ イル シー ト の 実装 に は 、 不 完全 な 
部 分 が あり ます 。 


圏 Netscape Navigator4.06 以 降 

JavaScript1.3 に 対応 。 

文字 が ユニ コー ド で 扱わ れる よう に な っ た た め 、 ペ ー ジ 上 や フォ ー ム 、 ス テー タス 行 な 
ど に JavaScript を 使用 し て 文字 を 書き 出す 場合 、 表 示さ れる 文字 が 文字 化け を 起こ す 可 能 性 
が あり ます (この 間 題 は 、Netscape Nayigator4.5 日 本 語 版 で は 解消 され て いま す )。 ま た 、 
ユニ コー ド は 文字 が 2 バイ ト 文 字 な の で 、 文 字数 を 数 えて いる よう な スク リプ ト は 、 今 ま 
で と は 違う 結果 に な る 場合 が あり ます 。 


一 Internet Explorer3.x 

JavaScript1.0 レ ベル の スク リプ ト に 対応 。 

Internet Explorer3.x は 、 例 え 同じ バー ジョ ン 番 号 が つい た も の で あっ て も 細か い 改 良 が 
加え られ て お り 、 実行 で きる JavaScript も 増え て き て いま す 。 そ の 結果 、 同 じ バ ー ジ ョ ン の 
Internet Explorer で 同じ スク リプ ト を 実行 し た と し て も 、 一 方 の プラ ウザ は 正常 に 実行 で 
き 、 一 方 の プラ ウザ は エラ ー に な る 、 と いう 現象 が 発生 し て いま す 。 

Internet Explorer3x は 、JavaScript 以 外 で も 、HTML の 表示 や セキ ュ リ ティ ー の 間 題 な ど 、 
多く の 部 分 が 改良 され て いる の で 、 な る べく 最新 の も の を 使用 する こと を お 勧め し ます 。 
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画 Internet Explorer4.x 

JavaScript1.1 レ ベル の スク リプ ト に 対応 。JavaScripr1.2 レ ベル の スク リプ ト も 、 レ イヤ ー 
な ど Netscape Navigator 独 自 の 部 分 を 除き 、 ほ ぼ 対 応 。 ECMAScript(ECMA-262) の 仕様 に 
準拠 し て いる の で 、 正 式 に は JavaScripr1.3 に は 対応 し て いま せん が 、JavaScript1.3 の 多く の 
スク リプ ト が 実行 可能 で す 。 

その 他 、 文 字 を ユニ コー ド で 取り 扱う よう に な っ た こと を 始め 、ECMAScript の 仕様 に 
進 拠 し な が ら 、 独 自 の 拡張 が 行わ れ て いま す 。 ス タイ ル シ ー ト 関連 の タグ を 始め 、Internet 
Explorer で サポ ー ト され て いる ほとん どの タグ を 、 オ プ ジ ェ クト と し て 取り 扱う こと が 可 
能 で す 。 


田 Internet Explorer5.X 

JavaScript の サポ ー ト に 関し て は 、Internet Explorer4.x と ほぼ 同等 。 

JavaScript1.3 に も 対応 し て いま す 。 

Internet Explorer が 採用 し て いる JScript は 、 プ ラウ ザ の バー ジョ ン が 同じ も の で も 、 バ パグ 
の 修正 ・ 改 良 ・ パ ー ジ ョ ン ア ッ プ な ど が 行わ れる 場合 が あり ます 。 


「LANGUAGE」 オ プシ ョ ン の 記述 に つい て 


現在 は 、JavaScript を 記述 する 時 に 「LANGUAGE」 オ ブ プション を 省略 し て 次 の よう に 
記述 し て も 、Netscape Navigator、Internet Explorer ど ちら の ブラ ウザ も 、 
<SCRIPT> タ グ 内 に 記述 され た スク リプ ト を JavaScript と し て 解釈 し 、 実 行 し ます 。 


<SCRTPT> 

<!ーーー 
JavaScr1pt 上 の ソー ス 
の の ニー 

</ SCRTPT> 


し か し な が ら 、JavaScript 以 外 に も 、VBScript な ど <SCRIPT> タ グ 内 で 使用 で きる 
スク リプ ト が ある こと 。 きち ん と オプ ショ ン 指 定 を し 、JavaScript の バー ジョ ン を 記述 
する こと に より 、 そ の バー ジョ ン に 対応 し て いな い ブ ラウ ザ で 発生 する エラ ー が 簡単 に 
回 避 で きる こと 。 更に 今後 、「LANGUAGE] オ プシ ョ ン を 指定 し な けれ ば JavaScript と 
し て 解釈 し な い ブ ラウ ザ が 出 て 来る 可能 性 が ある こと な どの 理由 か ら 、「LANGUAGE]」 
オプ ショ ン は 指定 すべ き で し ょ う 。 
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2. JavaScript の 記述 方 法 


JavaScript は 、HTML フ ァイル 内 に HTML タ グ を 使っ て javaScript で ある こと を 指定 し 、 
その タグ 内 に ソー スコ ー ド を 記述 する こと に よっ て 設定 し ます 。 

JavaScript 関 連 で 使用 する タグ と 、 そ れ ら の タグ を 使っ て HTML フ ァイル 内 へ JavaScript 
を 記述 する 方 法 は 、 次 の 通り で す 。 


<SCRIPT> タ グ の 使い 方 


HTML フ ァイル 内 に JavaScrtpt を 記述 する に は 、<SCRIPT> タ グ を 使用 し ます 。 

<SCRIPT> タ グ 内 の 「LANGUAGE] オ プシ ョ ン (HTML パ ー ト で は 、 language 属 性 と いっ 
て いま す ) 指 定 で 、「LANGUAGE="JavaScript "| と 記述 し て お く と 、 プ ラウ ザ は その 中 に 記 
述 さ れ て いる 文字 列 が javaScript で ある と 判断 し 、 実 行 し ます 。 

Image オ プ ジ ェ クト な ど 、 JavaScript1.1 を 使っ て スク リプ ト を 記述 する 場合 に は 、 
[LANGUAGE」 オ プシ ョ ン の 指定 を 「LANGUAGE=" り avaScripr1.1"」 と し ます 。 こ う や っ て 
指定 され た <SCRIPT> タ グ 内 の スク リプ ト は 、Netscape Navigator3.0 な どの javaScriprl.1 に 
対応 し た プラ ウザ で の み 実 行 さ れ 、Netscape Navigator2.0 な どの JavaScripr1.1 未 対応 の ブ 
ラウ ザ で は 実行 され ませ ん 。 

また 、lIayer オ プ ジ ェ クト な ど 、JavaScript1.2 を 使用 し て スク リプ ト を 記述 する 場合 は 、 
ILANGUAGE] オ プシ ョ ン の 指定 を [LANGUAGE=" り avaScripr1.2] と し ます 。 こ う や っ て 
指定 され た <SCRIPT> タ グ 内 の スク リプ ト は 、Netscape Navigator4.0 な どの JavaScript1.1 に 
対応 し た プラ ウザ で の み 実 行 さ れる よう に な り ま す 。 

同様 に 、 JavaScript1.3 を 使っ た スク リプ ト を 記述 する 場合 の [LANGUAGE] オ プシ ョ ン 
の 指定 は 、「LANGUAGE-= "JavaScript1.3] と な り ま す 。 こ う や っ て 指定 され た <SCRIPT> 
タグ 内 の スク リプ ト は 、Netscape Navigaror4.5 な どの JavaScript1.3 に 対応 し た プラ ウザ で 
の み 実 行 され ます 。 


Netscape Navigator と Internet Explorer と ECMAScript の 関係 


Netscape Navigator で の ECMAScript の サポ ー ト は 、JavaScript1.3 か ら 、 つ ま 
り Netscape Navigator4.06 か ら で す 。 それ に 対し て Internet Explorer は 、 Intemet 
Explorer4.x か ら ECMAScript を サポ ー ト し て いま す 。 

また 、Netscape Navigator4.06 以 前 の Netscape Navigator4.x ブ ラウ ザ で も 、 
一 部 ECMAScript を サポ ー ト し て いま す 。 

つま り 、Internet Explorer4.x や Netscape Navigator4.06 以 前 の Netscape 
Navigator4.x は 、<SCRIPT> タ グ 内 の 「LANGUAGE」 オ プシ ョ ン の 設定 で [<SCRIPT 
LANGUAGE='JavaScript1.3">」 と 設定 され た スク リプ ト は 実行 で きま せん 。 けれ ど 
も 、「getFullYear()」 な どの 、JavaScript 1 .3 に 含ま れ た 多く の ECMAScript を 実行 す 
る こと が で きま す 。 
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この よう に 、 あ ら か じ め 「LANGUAGE] オ プシ ョ ン で javaScript の バー ジョ ン を 記述 し て 
お け ば 、 記 述 し た パ バージョン に 対応 し て いな い ブ ラウ ザ で は その スク リプ ト は 実行 され ま 
せん 。 こ れ に より 、 JavaScript に 未 対応 の プラ ウザ で 見 た 時 に 起こ る エラ ー を 回 避 す る こと 
が で きま す 。 

プラ ウザ は 、 基 本 的 に 自分 の 知ら な い タ グ を 無視 し ます 。 そ の た め JavaScript に 未 対応 の 
プラ ウザ で JavaScript を 記述 し た ペー ジ を 見 る と 、 ソ ー ス 部 分 が 丸見え に な っ て し まい ます 。 

これ を 防ぐ た め 、 ス クリ プ ト の 1 行 目 を 「<!-」 に 、 最終 行 を 「//->] と する こと に よっ て 、 
ソー ス を コメ ント アウ ト し ます 。 JavaScript 未 対応 の プラ ウザ で 閲覧 し て いる 人 に 迷惑 を か 
け な い よう に 、「 お まじ な い 」] と で も 考え て 、 必 ず 記 述 す る よう に し て くだ さい 。 

具体 的 な <SCRIPT> タ グ の 書き 方 は 、 次 の よう に な り ま す 。 

この [avaScriptl.x の ソー ス ] の 部 分 に 、 実際 の スク リプ ト を 記述 し ます 。 ス クリ プ ト は 、 
HTML フ ァイル に 記述 され て いる 上 か ら 順 に 評価 され 、 よ り 下 に 記述 され て いる も の が 優 
先 し て 実行 され ます 。 


・JavaScript の 記述 法 

<SCRTPT LANGUAGE= "JavaScr1ipt"> 
で りー 

JavaScript1 . 0 の ソー ス 

MoE> 

</SCRTPT> 


・JavaScript1.1 の 記述 法 

<SCRTPT LANGUAGE= "JavaScript1 .1"> 
で :) ニー 

JavaScript1 . 1 の ソー ス 

7N/ っ こよ 

</ SCRTPT> 


・JavaScript1.2 の 記述 法 

<SCRTPT LANGUAGE= "JavaScr1pt1 .2"> 
に う ド ココ 

JavaScript1 .2 の ソー ス 

ルーー ト ィ 

</ SCRTPT> 


・JavaScript1.3 の 記述 法 

<SCRTPT LANGUAGE= "JavaScript1 .3"> 
で 9 コー 

avaScript1 . 3 の ソー ス 

コン 

</ SCRTPT> 


り 


石 1duoSEAPF 
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<NOSCRIPT> タ グ の 使い 方 


<NOSCRIPT> タ グ は 、JavaScript を 無効 こ に し て いる か 、 対 応 し て いな い プ ラウ ザ を 使っ 
て いる ユー ザー に 対し て メッ セー ジ を 表示 する 時 に 使用 し ます 。 

<NOSCRIPT ッ > タグ は 、<SCRIPT> 一 </SCRIPT> タ グ 外 で 使用 し 、JavaScript が 有効 の 時 
に は <NOSCRIPT> 一 </NOSCRIPT> タ グ 内 の 記述 は 表示 され ませ ん 。 

具体 的 な <NOSCRIPT> タ グ の 書き 方 は 、 次 の よう に な り ま す 。 


<NOSCRTPT> 
この ペー ジ で は JavaScript が 使わ れ て いま す . . .。 
</NOSCRTPT> 


コメ ント の 書き 方 


JavaScript 内 で の コメ ント を 書く に は 、 次 の 2 通り の 方 法 が あり ます 。 

「//] は それ 以降 の 1 行 が 、「 バ ー ツ ] で は 間 に 挟 まれ た 文字 列 が 、 コ メン ト と し て 扱わ れ ます 。 

ソー スコ ー ド を コメ ント アウ ト す る 時 に 最後 の 行 に 使用 する 、「//->] の 「//」 の 部 分 も こ 
れ に 当たり ます 。 

具体 的 な コメ ント の 書き 方 は 、 次 の よう に な り ま す 。 


* 
い 
k 4 


<SCRTPT LANGUAGE= "JavaSoript"> 
で リー 
/ / こ の 1 行 は コメ ント と な り ま す 。 
/* こ れ に 囲ま れ て いる 部 分 
は コメ ント と な り ま す 。*/ 
ニニ 
</ SCRTPT> 


古 1duoSBAEF 





文 の 区 切り 方 


は 文 の 区 切り を 表し ます 。 JavaScript で は 、 た と え ぇ 改行 が あっ た と し て も 、[:] に よっ 
て 文 を 区 切っ て いな い 限 り 、1 つ の 文 と し て 扱わ れ ま す 。 

基本 的 に 、「:] を 省略 し て も JavaScript は 自動 的 に 文 の 区 切り を 判断 し 、 ス クリ プ ト は 正 
常に 処理 され ます が 、 ソ ー ス を 分 か りや すく する 意味 も 含め て 、 文 は [:] で 区 切っ て お く こ 
と を お 勧め し ます 。 
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JavaScript の 外部 呼び 込み 方 法 


JavaScript は 、HTML フ ァイル 内 に 直接 記述 する 方 法 以外 に 、 外 部 に スク リプ ト を 記述 
し た ファ イル を 置き 、<SCRIPT> タ グ 内 で [SRC] オ プシ ョ ン を 使用 し て URL を 指定 する こ 
と に よっ て 、 そ れ を 読み 込ん で 実行 する こと が で きま す 。 指定 し た ファ イル 内 に は 、 前 後 
の <SCRIPT> タ グ を 省略 し た javaScript の ソー スコ ー ド を 記述 し ます 。 こ の 時 、 フ ァイル 名 
の 拡張 子 は 「.js] と し ます 。 


<SCRTPT SRC="URL"></SCRTPT> 


この 方 法 は 、 ス クリ プ ト の ソー スコ ー ド を 見 られ に くく し た り (完全 に 隠蔽 する こと は で 
きま せん )、 複 数 の ペー ジ で 同一 の スク リプ ト を 使用 する 場合 に 特に 有効 で す 。 例 えば 、 
ファ イル の 更新 日 時 を 複数 の Web ペ ー ジ 上 に 表示 する よう な 場合 、 必 要 な 全 ペ ー ジ に 1 つ 
1 つ ス クリ プ ト を 記述 する の で は な く 、 次 の よう に ファ イル の 最終 更新 日 時 を 書き 出す ス 
クリ プ ト を 書い て 、 適 当 な 名 前 を 付け た 拡張 子 「jsl の ファ イル を 1 つ 作 り ま す 。 後 は 、 す べ 
て の ペー ジ に 、 そ の ファ イル の URL を 指定 し た <SCRIPT> タ グ を 、 表 示し た い 位置 に 記述 
する だ け で 済む の で す 。 


document .write("Last update: " ,document .1astModi fied) 


つ 
い 


つこ 
g 
ン る 8 
よめ 
F ! 
で 
に 


この 方 法 は 、Netscape Navigaror3.0 以 降 、Interne Explorer4.0 以 降 か ら 使用 可能 で す 。 

本 来 な ら ば 、<SCRIPT> タ グ 同 様 に [LANGUAGE] オ プシ ョ ン を 使用 し て 、 JavaScript の 
パ バージョン を 記述 する こと に より 、 その JavaScript の バー ジョ ン に 対応 が と られ た 「j」 プア 
イル し か 読み 込ま な いよ うに で きる は ず な の で す が 、 現在 その 機能 は 使用 で きま せん 。 

また 、「.js] フ ァイル を 置く Web サ ー バ ー に は 、MIME タ イプ の 設定 を し て お く 必 要 が あ 
り ま す 。 


石 





MIME タ イプ の 設定 に つい て 


JavaScript の 外部 読み 込み を する た め に は 、 あ ら か じ め サ ー バ ー に MIME タ イプ の 設 
定 が され て いな けれ ば な り ま せん 。 

例え ば 、Web サ ー バ ー に NCSAhttpd や Apache が 使わ れ て いて 、 ユ ー ザ ー の ホー ム 
ディ レク トリ で 「.htaccess」 フ ァイル に より 設定 が 許さ れ て いる よう な 場合 は 、 そ の 中 
に 次 の よう に 記述 する こと に よっ て 設定 し ます 。 


AdqqdType app1iocation/x-javascript .]s 


MIME タ イプ の 設定 に は 、 こ の ほか に も いろ いろ な 方 法 が あり 、 プ ロバ イダ に よっ て 
は 「.htaccess] フ ァイル に よる 設定 を 行わ な く て も 、MIME タ イプ が され て いる 場合 も 
あり ます 。 

MIME タ イプ の 設定 に 関し て は 、Web サ ー バ ー の 運用 に 関わ っ て くる 問題 も 含ま れる 
の で 、 サ ー バ ー 管 理 者 の 方 と 相談 する よう に し て くだ さい 。 
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3③. オブ ジェ クト ・ プ ロ パ ティ ・ メ ソ ッ ド 


オブ ジェ クト 


JavaScriprt で は 、 ブ ラウ ザ の 各部 品 や 情報 を オプ ジェ クト と し て 取り 扱う こと が で きま 
す 。 そ し て 、 こ の オプ ジェ クト の 値 を 変更 し た り 、 値 を 調べ て その 結果 に よっ て 違っ た 処 
理 を 設定 する こと で 、 ブ ラウ ザ を 動 的 に 変更 する こと が で きる の で す 

JavaScript の オプ ジェ クト を 大 きく 分 ける と 、 プ ラウ ザ 自 身 が 本 来 持 っ て いる 部 品 や 情報 
を 取り 扱う ナビ ゲー タオ プ ジ ェ クト と 、 独 自 に 組み 込ま れ た ビル トイ ン (組み 込み ) オ プ ジ ェ 
クト の 2 種類 に な り ま す 。 


*・ ナ ビ ゲ ー タ オブ ジェ クト 

プラ ウザ 自体 の 名 前 や バー ジョ ン と いっ た 情報 や 、 プ ラウ ザ に 表示 され る ドキ ュ メ ン 
ト ・ 画 像 ・ フ ォ ー ム な ど 、 プ ラウ ザ が あら か じ め 持 っ て いる 部 品 を 取り 扱う オプ ジェ クト 
の こと を 、 ナ ビ ゲ ー タ オプ ジェ クト と いい ます 。 

ナビ ゲー タオ プ ジ ェ クト に は 階層 関係 が あり 、 使 用 する 時 は その 階層 関 の 上 か ら 順 番 に 
「.」 で 区 切っ て 記述 し ます 。 

例え ば document オ プ ジ ェ クト は 、window オ ブ プ ジ ェ クト の 1 つ 下 の 階層 に ある オプ ジェ ク 
ト な の で 、「window.documentr] と し て 表し ます 。 た だ し 、1 番 上 の 階層 に な る window オ ブ 
ジェ クト は 、 省 略す る こと が で きま す 。 

ナビ ゲー タオ プ ジ ェ クト の 階層 関係 は 、 下 図 の 通り で す 。 


つと 
いり 
く 
5 
の 
6 
コ 
で 
に 3 
に 





「 ナ ビ ゲ ー タ オブ ジェ クト の 階層 」 
window Screen navigator event 


Plugin MimeType 


「 「 
Frame document location history 
| 
「 「 | 「 | 
Layer Link Image Area Anchor Applet Form 




















| [ 「 「 | | | ] 
Text Textarea FileUpload Password Hidden Submit Heset Radio Checkbox Button Select 


Option 


・ ビ ルト イン オブ ジェ クト 

ブラ ウザ 自信 が 本 来 持 っ て いる オプ ジェ クト の 他 に 、JavaScript が プラ ウザ に 独自 に 組み 
込ん で いる オプ ジェ クト を 、 ビ ルト イン オプ ジェ クト と いい ます 。 

JavaScript で は 、 日 付 ・ 時 間 な どの 時 間 を 取り 扱う オプ ジェ クト や 、 文 字 列 の 操作 を 行う 
オブ ジェ クト な ど 、 多 く の ビ ルト イン オプ ジェ クト が 用 意 さ れ て いま す 。 
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ユー ザー 独自 の オプ ジェ クト を 作成 し た り 、 ビ ルト イン オプ ジェ クト を 使用 する 時 は 、 
new 演 算 子 を 使い ます 。new 演 算 子 に よる オプ ジェ クト の 作成 (イン スタ ンス の 作成 ) は 、 次 
の 書式 で 行い ます 。 そ し て それ 以降 は 、「 オ プ ジ ェ クト 名 | で 指定 し た 名 前 を 使っ て 、 オ ブ 
ジェ クト の 操作 を 行う こと が で きる よう に な り ま す 。 


オプ ジェ クト 名 = new オプ ジェ クト の 型 ( 値 ) 


この オプ ジェ クト 名 は 、 一 定 の 条件 下 に お いて 、 ユ ー ザ ー 側 で 自由 に 設定 する こと が で 
きま す 。 
プロ パテ ィ 


オプ ジェ クト は 多く の 属性 を 持っ て お り 、 こ の 属性 の こと を プロ パテ ィ と いい ます 。 

プロ パテ ィ も また 、 オ プ ジ ェ クト で す 。 例 えば document オ プ ジ ェ クト は 、 そ われ 自体 が オ 
プ ジ ェ クト で ある の と 同時 に 、window オ プ ジ ェ クト の プロ パテ ィ で ある と も いえ ます 。 

JavaScript で は 、 プ ロ パ ティ は 、 オ プ ジ ェ クト の 後に 「.] で 区 切っ て 設定 し ます 。 


オプ ジェ クト . プ ロ パ ティ 


また 、 プ ロバ パテ ィ の 中 に は 、 ユ ー ザ ー が 値 を 設定 する こと が で きる も の が あり ます 。 そ 
の よう な プロ パテ ィ に 値 を 設定 する 場合 は 、 次 の 書式 で 設定 し ます 。 


オプ ジェ クト . プ ロ パ ティ ニテ 値 


各 オ プ ジ ェ クト が 、 ど の よう な プロ パテ ィ を 持っ て いる か は 、 リ ファ レン ス の 「 ナ ビ ゲ ー 
タオ プ ジ ェ クト ](P.553 一 )・「 ビ ルト イン オプ ジェ クト |(P.568 一 ) を 参照 し て くだ さい 。 
メソ ッ ド 


メソ ッ ド は 、 オ プ ジ ェ クト に 対し て 動作 を 指定 し ます 。 
メソ ッ ド は 、 次 の よう に オプ ジェ クト の 後に 「.」 で 区 切っ て 設定 し ます 。 ま た 、 オ プ ジ ェ 
クト に 値 を 設定 する 時 に は 、「)」 内 に 値 を 設定 する こと に よっ て 行い ます 。 


オプ ジェ クト . メソ ッ ド ( 値 ) 
JavaScript の 各 オ プ ジ ェ クト が どの よう な メソ ッ ド を 持っ て いる か は 、 リ ファ レン ス の 


「 ナ ビ ゲ ー タ オプ ジェ クト ](P.553 一 )・「 ビ ルト イン オプ ジェ クト ](P.568 一 ) を 参照 し て く 
だ さい 。 


オブ ジェ クト ・ ブ ロバ パティ ・ メ ソ ッ ド 


2 


て 
較 
に 3 
て の 
o 
に 1 
で 
に 3 


と 


fi 
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4. イベ ント ハン ドラ 


ユー ザー や スク リプ ト に よっ て ペー ジ が ロー ド さ れ た り 、 オ プ ジ ェ クト が クリ ッ ク さ れ た 
り と いう よう な 、 特 定 の 動作 が 起こ っ た タイ ミン グ を イベ ント と いい ます 。JavaScript で 
は 、 イ ベン ト の 発生 を 取得 し て 、 そ の タイ ミン グ で スク リプ ト の 実行 を 開始 する こと が で 
きま す 。 

この イベ ント の 取得 を 行う も の を 、 イ ベン ト ハ ンド ラ と いい ます 。 

イベ ント ハン ドラ の 設定 は 、 その イベ ント ハン ドラ が 設定 可能 な オプ ジェ クト の HTML タ 
グ 内 に 、 次 の よう な 書式 で 設定 し ます 。 


イベ ント ハン ドラ 名 = スクリプト 、 又は 関数 
JavaScript で 用 意 さ れ て いる イベ ント ハン ドラ と 、 そ の イベ ント ハン ドラ が どの よう な イ 


ベン ト を 取得 し 、 ど の オプ ジェ クト に 対応 し て いる か は 、 リ ファ レン ス の 「 イ ベン ト ハ ン 
ドラ ](P.547 一 ) を 参照 し て くだ さい 。 


> 
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5. イベ ント タイ プ 


JavaScript1.2 か ら は 、 イ ベン ト を オプ ジェ クト と し て 捕らえ る cvent オ プ ジ ェ クト が 追加 
され まし た 。 こ れ に より 、 イ ベン ト を 取得 し た い オ プ ジ ェ クト に 対し て 取得 する イベ ント 
の タイ プ を 設定 する こと で 、 そ の オプ ジェ クト 上 の どこ で で も イベ ント の 発生 を 取得 する 
こと が で きる よう に な り ま し た 。 

イベ ント の 取得 は 次 の 用 法 で 設定 し ます 。 





オプ ジェ クト . イ ベン ト タ イ ブ プ = 関数 名 、 又 は スク リプ ト 


JavaScript で 設定 で きる イベ ント タイ プ と 、 そ の イベ ント タイ プ が 設定 で きる オプ ジェ ク 
ト 、 イ ベン ト タ イ プ で 取得 で きる 値 、 つ まり event オ プ ジ ェ クト の プロ パテ ィ に どの よう な 
も の が ある か は 、 リ ファ レン ス の 「 イ ベン ト タ イ プ ](P.550) を 参照 し て くだ さい 。 


6. JavaScript で 取り 扱え る 型 の 種類 


プロ パテ ィ や メソ ッ ド に 設定 する 値 は も ちろ ん 、 ス クリ プ ト が 返す 値 や 変数 ・ 定 数 な 
ど 、 JavaScript で 取り 扱う 値 ( デ ー タ ) は 、 必 ず な ん ら か の デー タ 型 を 持っ て いま す 。 

JavaScripr で 取り 扱え る 型 に どの よう な も の が ある か は 、 リ ファ レン ス の |JavaScripr で 取 
り 扱 える 型 の 種類 ](P.538) を 参照 し て くだ さい 。 
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7. 関数 


一 連 の 処理 手続 を まとめ て 名 前 を 付け た も の を 、 関 数 と いい ます 。 

JavaScript に お ける 関数 は 、 大 きく 分 け て 関数 の 処理 を 定義 する 部 分 と 、 関 数 を 呼び 出す 
部 分 の 2 つの 部 分 か ら で き て いま す 。 

関数 の 処理 の 定義 は 、 次 の よう に 記述 し ます 。 


Function 関数 名 (引数, 引数 , . . .) { 処理 } 


この 関数 名 は 、 一 定 の 条件 下 で ユー ザー 側が 自由 に 設定 する こと が で きま す 。 
関数 の 呼び 出し は ペー ジ 上 や イベ ント ハン ドラ 内 で 行い 、 関 数 の 処理 を 呼び 出し た い 部 
分 に 「 関数 名 (引数 , 引 数 ,…)] と 記述 し て 設定 し ます 。 こ うし て お け ば ぱ ば 、 ペ ー ジ が 読み 込ま 
れ た 時 や 特定 の イベ ント が 発生 し た 時 に 関数 の 処理 が 呼び 出 だ さ れ 、 定 義 し た 関数 の 処理 
が 実行 され ます 。 

引数 と は 、 そ の 名 の 通り 、 関 数 の 処理 に 引き 渡す 値 の こと を いい ます 。 関数 の 処理 に 値 
を 引き 渡す 必要 が な い 時 は 、 引 数 を 設定 する 必要 は あり ませ ん 。 

通常 、 関 数 の 処理 の 定義 は <HEAD> タ グ 内 で 行い 、 関 数 の 処理 の 呼び 出し は <BODY> タ 
グ 部 で 行い ます 。 こ れ は 、 関 数 の 定義 が 終わ ら な いう ち に 関数 が 呼び 出さ れる こと を 防ぐ 
た めで す 。 


8. ピル トイ ン 関 数 


JavaScript に は 始め か ら 定 義 る され て いる 関数 が あり 、 こ れ を ビル トイ ン 関 数 と いい ます 。 

ビル トイ ン 関 数 は オプ ジェ クト に 依存 する こと な く 、 ス クリ プ ト 内 の どこ か ら で も 使用 
する こと が で きま す 。 

JavaScript で 用 意 さ れ て いる ビル トイ ン 関 数 に どの よう な も の が ある か は 、 リ ファ レン ス 
の 「 ビ ルト イン 関数 (top-level 関 数 )](P.574) を 参照 し て くだ さい 。 


関数 


ko/ 


es 
トリ 
団 
(の) 
て @ 
ヒ ) 
で 
に 5 


と 


ri 
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9. 変数 ・ 定 数 


変数 と は 、 値 を 入れ て お く 箱 の よう な も の と 考え れ ば いい で し ょ う 。 文字 列 や 数 値 、 オ 
プ ジ ェ クト ・ プ ロ パ ティ ・ メ ソ ッ ド 、 あ る い は 条件 式 な ど で 設 定 する 式 や 変数 な ど を 、 変 
数 と し て 設定 する こと が で きま す 。 

変数 は 、 次 の よう に し て 設定 し ます 。 


Yar 変数 名 = 値 


変数 名 は 、 一 定 の 条件 下 で ユー ザー 側が 自由 に 設定 する こと が で きま す 。 ま た 、[「var] は 
省略 可能 で す 。 

この よう に し て 設定 する と 、 右 辺 の [変数 名 ] に | 値 ] が 代入 され 、 以 降 は 「 変 数 名 ] を 使用 
する こと に よっ て 値 を 取り 出す こと が で きま す 。 

更に 、 後 か ら 同じ [変数 名 ] に 値 を 設定 し 直す こと に よっ て 、 変 数 の 値 を 自由 に 変化 させ 
る こと も で きま す 。 

この よう に 、 値 を 設定 し 直す こと に よっ て 絶え ず 値 が 変化 する 変数 に 対し 、 変 数 に 設定 
する 値 の 方 は 変化 する こと は あり ませ ん 。 こ の こと か ら 、 変 数 に 代入 する 値 の こと を 定数 
(リテラ ル ) と いい ます 。 


と / 


ここ 
】 
に 
2 
1】 
コ . 
こ ) 


ー 


ri 





10. オブ ジェ クト 、 関 数 、 変 数 な ど に 設定 可能 な 名 前 


オプ ジェ クト 名 ・ 関 数 名 ・ 引 数 名 ・ 変 数 名 ・ 定 数 名 は 、 以 下 の 条件 に お いて 、 ユ ー ザ ー 
側 で 自由 に 名 前 を 定義 する こと が で きま す 。 





1. 大 文字 ・ 小 文字 の アル ファ ベッ ト 、 あるいは アン ダー スコ ア " "で 始ま る 文字 列 
(hamba,HAMBA,_hamba な ど ) 

2. 日 本 語 (2 バイ ト 文 字 ) は 使用 で き な い 

3. ス ペー ス ・ コ ンマ ・ 疑 問 符 ・ 引 用 符 は 使用 で き な い 

4. 文字 列 内 に 数 値 を 入れ る こと は 可能 だ が 、 数 値 を 先頭 に する こと は で き な い 
("Hamba1" や 、"f 3hamba" は 可能 だ が "6hamba" は 不可 ) 

5. 大 文字 ・ 小 文字 は 区 別 さ れる 
("HAMBA" と "hamba" は 区 別 さ れる ) 

6. 予約 語 は 使用 で き な い が 、 以 上 の 条件 を 満た し 、 予 約 語 を 含む 文字 列 
("default" は 不可 だ が 、"Setdefault" は 可 ) 
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予約 語 


シス テム 側 で あら か じ め 予 約 さ れ て いる 文字 を 予約 語 と いい 、 オ プ ジ ェ クト 名 ・ 関 数 
名 ・ 引 数 名 ・ 変 数 名 ・ 定 数 名 と し て 使用 する こと は で きま せん 。 
予約 語 に は 、 次 の よう な も の が あり ます 。 


abstract boolean break byte CaSe 
catch char class const continue 
default delete do double else 
extends false final finally float 

for function goto f implements 
Import in instanceof int interface 
long native new null packade 
private protected Public retun short 
static SUDer switch synchronized this 
throw throws transient true try 
typeof Var void while with 


つ 


( 
い 
加 
の) 
て @ 
選 . 
he】 
に 4 


ンー 


11. 演算 子 


値 の 計算 や 、 比 較 な ど に 用 いる 記号 の こと を 演算 子 と いい ます 。 
JavaScript で 使用 で きる 演算 子 に どの よう な も の が ある か は 、 リ ファ レン ス の | 演算 子 ] 
(P.539 一 ) を 参照 し て くだ さい 。 


ff 





12. JavaScript の 命令 文 (ステ ー ト メン ト ) 


JavaScript で は 、 文 や for 文 を 始め 、 多 く の 闘 令 文 を 使う こと が で きま す 。 
JavaScript で 使う こと が で きる 命令 文 と 、 そ の 使い 方 に つい て は 、 リ ファ レン ス の [Javwa 
Script の 命令 文 (ステ ー ト メン ト )](b.542 一 ) を 参照 し て くだ さい 。 


演算 子 263 





navigator .appName [プロ パテ ィ 1] 


ォ ブ ラウ ザ 名 を 取得 する * ブ ラウ ザ 名 を 取得 する 


ブラ ウザ 名 .Mcrosoft Internet Explrer プランツ 名 





4 「appName」 プ ロ パ ティ は 、 プ ラウ ザ 名 を 取得 し ます 。Netscape Navigator は 「Netscape| 
記 記 を 、Internet Explorer は 「Microsoft Inrerner Explorer| を 返し ます 。 


<SCRTPT LANGUAGE= "JavaSor1p "> 


2 」 
ン iP コー 
辿 document .write ("プラ ウザ 名 : " , navigator . appName ) 
//ーーー> 
</ SCRTPT> 














navigator .appCodeName [プロ パテ ィ ] 


+ ブ ラウ ザ の コー ド 名 を 取得 する * ブ ラウ ザ の コー ド 名 を 取得 する 


コト 光 Mk 了 コー ド 名 Mczila 





ぶ 還 当 昌 棋 和 馬 一 半 民 二 | 


解 「appCodecName」 プ ロ パ テ ィ は 、 プ ラウ ザ の コー ド 名 を 取得 し ます 。Nctscape 
Navigator は 「Mozillal を 、Internet Explorer は 「Mozilla/3.0 (compatiblei MSIE 
5 P P 
3.01:Mac_PowerPC)」 や [MSIE」、[Mozillal な ど を 返し ます 。 


KU <SCRTPT LANGUAGE= "JavaScr1p "> 

る 池 デ デビ 

documen .write ("コー ド 名 : " , navigator . appCodeName ) 
// ニ デー と 

< く / SCRTPT> 
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[プロ パテ ィ ] 





+ ブ ラウ ザ の バー ジョ ン を 取得 する * ブ ラウ ザ の パー ツ ョ ン を 取得 する 


bs バー ジョ ン 46 [ja] (Win98: 
バー ジョ ン 40 (compatibl: MSIE 50. Windows 98) 2246ml WeeeD 





2 「appVersion]l プ ロ パ ティ は 、 プ ラウ ザ の バー ジョ ン を 取得 し ます 。 
パー ジョ ン 番 号 の 後ろ に 、OS 名 、 イ ンタ ー ナ ショ ナル 版 ・U.S 版 な どの 種別 、CPU 
の 種類 、 な どの 情報 が 付加 され ます 。 


7 <SCRTPT LANGUAGE= "JavaScr1p 上 "> 
ンク で ニニ ー 
四 document .write ("バー ジョ ン : " , navtgator . appVergion ) 
ニニ ニ ラ 
</ SCRTPT> 












navigator .uSerAgent [プロ パテ ィ ] 


+ ブ ラウ ザ の ユー ザー エー ジェ ント を 取得 する * プ ラウ ザ の ユー ザー エー ジェ ント を 取 細 する 


5 ュー ザー エー ジェ ント Mezils/46 [ 1 
ユー ザー エー ジェ ント Mkzils/40 (compstibe: MSIE 50. WWndows 98) フェ ント Mezia/48 [are8:D 





の 還 当 記 問 療 一 王 民 二 | 


』 [userAgentl プ ロ パ ティ は 、 プ ラウ ザ の ユー ザー エー ジェ ント を 取得 し ます 。 
8 


説 ユー ザー エー ジェ ント と は 、HTTP の ヘッ ダー 部 分 に 付け られ て いる 文字 列 で す 。 
1 <SCRTPT LANGUAGE= "JavaSCr1p キ "> 
補 か っ 
の <! 
出 document .write ("ユー ザー エー ジェ ント : " , navigator . ugeAgent ) 
ん ニー コテ 
< く / SCRTPT> 
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X げ 9 る 6 


nav1igator .p1atForm [プロ パテ ィ ] 


ォ ユ ー ザ ー の プラットホーム の タイ ブ を 取得 する 





お 使い の マシ ン の タイ ブ Win32 





「plarform] プ ロ パ テ ィ は 、 ユ ー ザ ー の プラ ッ ト フ ォ ー ム の タイ プ を 持っ て いま す 。 
記 史 サン プル で は 、 ユ ー ザ ー の 環境 に 合わ せ て [Win32] や [MacPPC| と いっ た 値 を 表示 
し ます 。 
JavaScript1.2 で 追加 され た 、 読 み 出し 専用 の プロ パテ ィ で す 。 


や <SCRTPT LANGUAGE= "JavaScript1 .2"> 
和 / 8 に マ 
中 document .write ("お 使い の マシ ン の タイ プ : " , navigator .p1atEorm) 
0 マー テ 
</ SCRTPT> 












navigator.1anguage [プロ パテ ィ ] 


ォ ブ ラウ ザ の 使用 言語 を 取得 する 


使用 言語 





の 還 状 可 義 一寸 | 


[Ianguage」 プ ロ パ ティ は 、 プ ラウ ザ の [ja」 や [en] な どの LANG 必 性 を 返し ます 。 
肌 史 [編集] メニ ュー の 「 設 定 .…|-[Navigator|-「 言 語 ] か ら 設 定 す る こと が で きま す 。 
JavaScripr1.2 で 追加 され た 、 読 み 出 し 専用 の プロ パテ ィ で す 。 
この プロ パテ ィ は Interner Explorer で は 未 対応 で す 。 


F <SCRTPT LANGUAGE= "JavaScrip1 .2"> 
ンク 
2 で リー の 
過 document .write( "使用 言語 : " , navigator . 1anguage) 
レコー 
く / SCRTPT> 
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navigator .appName [プロ パテ ィ 1] 
navigator . appVersion [プロ パテ ィ ] 


ォ * ブ ラウ ザ の 判別 を する 
お 使い の ブラ ウザ は Explre5x で すね 


ォ ブ ラウ ザ の 判別 を する 
お 使い の ブラ ウザ は Netscape4x で すね 





解 サン プル は 、 プ ラウ ザ 名 と パー ジョ ン の 1 番 始 め の 文 字 を 検索 し 、 そ れ を 元 に プラ 
月 約 ウザ を 判別 し て プラ ウザ 名 を 書き 出し て いま す 。 

Internet Explorer3.x は 、 バ パー ジョ ン と し て 「2.0」 を 返す も の が ある の で 、 そ の 右 も 考 

慮 し て いま す 。 ま た 、Internet Explorer5.0 は 、 現在 バー ジョ ン と し て 「4.0」 を 返す の 


<BODY BGCOLOR="#FFFFFF"> 
<SCRTPT LANGUAGE= "JavaScr1pt"> 
で !ーーー 


で 、 パ バー ジョ ン 情 報 の 中 か ら 「MSIE 5] と いう 文字 列 を 検索 する こと に よっ て 判 所 し 較 二 
て いま す 。 
回 
ゲ 
あ <HTML> ! 
2 <HEAD> 
<TTTLE></TTTTLE> 報 
</HEAD> を 
利 
用 
す 
る 


ifF( navigator .appName .CharA モ (0)=="N" ){ 
1f (mavigator . appVergion . Char ム ( 0 ) ==2 ) { documen .wr1te 

("お 使い の プラ ウザ は Netscape2 .x で すね " ) } | 
1f (navigaor . appVer81on . Char ム ( 0 ) ==3 ) { document . write 

( "お 使い の ブラ ウザ は Netscape3 .x で すね " ) } | 
1f (navigator . appVergion . Char ム ( 0 ) ==4 ) { document . write 

( "お 使い の ブラ ウザ は Netscape4 .x で すね " ) } d 

} 
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1fF ( navigator -appName . CharAE(0)=="M" )( 
ュ f (na で ga の - apDVeG エ Sion . Cha エ At ( 0 ) ==2 ) { document . write 
( "お 使い の プラ ウザ は Exp1orer3 .x で すね ") } | 
1f (maYigaOr - apDVe エ Sion . Char ム ( 0 ) ==3 ) { document .write 
( "お 使い の プラ ウザ は Exp1orer3 .x で すね ") } | 
1f (mayiga モ or . appVerstion . CharAt ( 0 ) ==4 ) { 
1F (naviga モ or .appVerston . 1ndexOf ("MSTE 5") != 
-1) {document .write ("お 使い の ブラ ウザ は Exp1orer5 .x で すね " ) } 朋 
el1se { document .write ( 2 





すね ") } 
! 

ュ f (naviga モ or .appVerSion . Char ム ( 0 ) ==5 ) { document .write 
("お 使い の プラ ウザ は Exp1orer5 .x で すね " ) } | 
} 

が ニー ニッ 
</SCRTPT> 
</BODY> 
</HTML> 








上 l 孤 charAt0「string オ ブ ジ ェクト 」 の [番目 の 文字 を 抜き 出す 」 :P.487 参 照 
旧 際 !ndexOf0「string オ ブ ジ ェクト 」 の 「 先 頭 か ら 文字 列 を 検索 する 」:P.490 参 昭 


の * ト 且 涯 誰 弟 交 一 半 全 二 | 
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navigator . avaEnab1 ed ( ) [メソ ッ ド ] 





*Java が 使え る か どう か 判断 する 
Java が 使え ます 








Microsoft Internet Explorer 図 | 


ぬ 現在 Je 好人 えな 状態 で ネットワ ー2 直 の Jave 目 を チ ry2L て くだい 





剛 


解 サン プル は 、「javaEnabled()] メ ソ ッ ド で java が 使え る 状態 に な っ て いる か を 判断 し 、 
呈 記 使え れ ば [awa が 使え ます] と 書き 出し 、 使 えな い 状態 で あれ ば 警告 用 の ダイ アロ グ 
ボッ クス を 開き ます 。 
JavaScript1.1 で 追加 され た メソ ッ ド で す 。 


9 <HTML> 
ツ 
ジン <HEAD> 
<TTTLE></TTTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFF "> 

*Java が 使え る か どう か 判断 する <P> 

<SCRTPT LANGUAGE= "JavaScript1 .1 "> 

る 届 ニ ーー 

if (navigator .javaEnab1ed ( ) ) { document .write( "Java が 使え 

ます ") } 則 
e1se window.a1er ( "現在 Java が 使え な い 状態 で す ! ! ネッ トワ ー ク 設定 の 

Java の 項目 を チェ ッ ク し て くだ さい " ) 』 

67 ニニ > 

</ SCRTPT> 

</ BODY> 

</ HTML> 








上 孤 8lert0「window オ ブ ジ ェクト 」 の | 警告 用 の ダイ アロ グ ボ ックス を 開く 」:P.7 参 照 
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@ い at 胃 当 誰 械 凍 さ 一 民 二 | 
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navigaor .m1imemypes [オブ ジェ クト (配列 ) ] 


nav1gator .mimeTypes [n] .type [プロ バ パティ] 
navigator .mimemypes [n] .description [プロ パテ ィ ] 
nayigator .mimemypes [n] . suEFixes [プロ パテ ィ 1] 


9 

ーー 2 
に 4 
1 
報 
を 
利 
用 
す 
る 








* 使 用 可能 な MME の タイ ブ を 取得 する 
188 個 


タイ ブ / 説明 / 拡張 子 

audio/x-rmf / RMF / rmf 

audio/rmf / RMF / rmf 

video/msvideo / Video for Windows / avi 
audio/x-mdi / MDI / mid, midi 

audio/nspaudio / Netscape Packetized Audio / la, Ima 








サン プル で は 、|length] プロパ テ ィ で MIME タ イプ の 数 を 出し 、 そ の プラ ウザ で 利 
用 可能 な MIME タ イプ の 一 覧 を 作成 し て いま す 。 

「ypel プ ロ パ ティ は MIME の タイ プ を 、 [descripon] プ ロバ パテ ィ は その 詳細 を 、 [uffixes] 
プロ パテ ィ は 拡張 子 を それ ぞ れ 返し ます 。mimeTypes オ プ ジ ェ クト に は 、 その 他 に 
「enablePlugin]( プ ラグ イン を 使う た め の 名 前 を 返す ナ ) と いう プロ パテ ィ が あり ます 。 
JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


<SCRTPT LANGUAGE= "JavaScript1 .1 "> 

く ! ニ ーー 

Var [= navigator.mimemypes . 1ength: 
document.write( L ): 

document .write(" 個 " .bo1d() ) : 

document .write ("<P>" ) : 

document .write ("タイ プ / 説明 / 拡張 子 ".bo1d() ) : 
document .write ("<BR>" ) : 

For (1=0: <L: 1++) { 

document .write (navigator.mimemypes [1] .type) : 
document .write(" / ".bo1d() ) : 

documen . write (nav1ga モ or .mimeTmypeg [1] .description ) : 
documen て .write(" / ".bo1d() ) : 

document .write (navigator .mimemypes[1] . guEEixres ) : 
document . write ( "<BR>" ) : 

} 

汰 に ニー ケ 

</ SCRTPT> 








上 bold0ー「string オ ブ ジェ クト 」 の [太字 (ボー ルド ) に する 」:P.479 参 照 
上 !engthー「 覆 数 の オブ ジェ クト で 使用 で きる プロ リティ メソ ッ ド | の [オブ ジェ クト (配列) の 数 を 取得 する 」:P515 参 照 
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navigator .p1ugins 
navigator.p1uging [np] .name 
navigator .p1ugins [n] .E11ename 
navigator .p1ugins [n] .desCription 


解 サン プル で は 、「Iength] プ ロ パ テ 





* 使 用 可能 な ブラ グイ ン を 取得 する 
8 個 
名 前 / ファ イル 名 / 説明 


Headspace Beatnik Player Stub V1001 / CYPROGRAM 
FILESWNETSCAPEWCOMMUNICATORYPROGRAMYpluginsYNPBeatSPd 
Player Stub for Netscape Communicator 
Shockwave Flash / CYPROGRAM 
FILESWNETSCAPEWCOMMUNICATORYPROGRAMWpluginsWnpswf32.dll / 


曳 品 可能 な プラ グイ ン の 一 覧 を 作成 し て いま す 。 
[name」 プ ロ パ テ ィ は プラ グイ ン の 名 前 を 、「flename」 プ ロ パ テ ィ は ファ イル 名 を 、 
プロ パテ ィ は その 詳細 を それ ぞ れ 返し ます 。 


「 descripuon] 
JavaScriptl.1 


むむ" <HTML><HE, 
<BODY BGC| 

















<SCRTPT エ 


< く ! ニ ニー 


で 追加 され た プロ パテ ィ です 。 


AD><TTTLE></TTTLE></HEAD> 
OLOR="#FFFFFF "> 


回 * 使 用 可能 な ブラ グイ ン を 取得 する <P> 


ANGUAGE= "JavaSCript1 .1"> 


var L = navigator.p1ugins.]1engEh 


documen 
documen 
documen 
documen ヒ 
documen 
For (1=0: 
documen 
documen 
documen 
documen 
documen 
documen 
} 

コージ 
</ SCRTPT> 
</ BODY></ 


-・write( h ): 
-write(" 個 ".bo1d() ) : 

-Wr1te ("<P>" ) : 

-・write(" 名 前 / ファ イル 名 / 説明 " 
・write ("<BR>" ) : 


1<h: ュ ++) { 


-wr1te (navigator .p1ugins [1] .name) : 
-Write(" / ".bo1d() ) : 
-Wr1te (navigator .p1ugins [1] .E11ename) : 
-write(" / ".Dbo1d() ) : 
-wr1te (mayigaor .p1ugins [1] .descCrip1on) : 
-write ("<BR>" ) : 


HTML> 


-bo1d() ) : 


[オブ ジェ クト (配列 ) 1 


[プロ パテ ィ ] 
[プロ バテ ィ ] 
[ ブ プロパティ] 





ィ で プラ グイ ン の 数 を 出し 、 そ の プラ ウザ で 使用 


の 還 詩 問 義 一 民 二 上 








上 具 bold0 一 「string オ ブ ジ ェクト 」 の 「 太 字 (ボー ルド ) に する 」:P.479 参 照 


上 !engthー「 覆 の オブ ジェ クト で 使用 で きる プロ ティ メソ ッ ド | の [オブ ジェ クト (配下) の 数 を 取得 する 」:P512 参 照 
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nav1gator.p1ugins [オブ ジェ クト (配列) ] 
navigator.p1ugins [n] -name [プロ パテ ィ ] 





* ブ ラグ イン が イン スト ー ル され て いる か チェ ッ ク す る 


Default Plug-in が イン スト ー ル され て いま す 





解 サン プル で は 、 プ ラグ イン 配列 の 中 に 「Defaulr Plug-in」 の 一 部 の [efaulkl] と いう 文字 
還 別 列 が 含ま れ て いる か どう か を 検索 し て 、 含 まれ て いれ ば 文字 を 書き 出し 、 含 まれ て 
いな けれ ば 警告 用 の ダイ アロ グ ポ ボッ クス を 開い て いま す 。 
JavaScriptl.1 で 追加 され た プロ パテ ィ で す 。 


RI <HTML><HEAD><TTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaScrip1 .1"> 
で くう) ニ ーー 
function CP1ug(CP) { 
For(1=0: 1i<nayigator.p1ugins.1ength: ュ ++) { 
1f (navigator.p1ugins [1] .name.1ndexOF(CP) != -1) 

return rue 

} 

re て urn fa]se 
} 
パー ニー テ 
< く /SCRTPT> 
< く /HEAD> 
<BODY BGCOLOR= "#FFFFFEF"> 
* プ ラグ イン が イン スト ー ル され て いる か チェ ッ ク す る <P> 
<SCRTPT LANGUAGE= "JavaScript1 .1"> 
で ホー ニー 
tf (CPlug( "efau1t" ) ) { document .write( "DeFau1t Pl1ug-in が 
イン スト ー ル され て いま す " ) } 朋 

el1se window .a1ert ("DeEau1t P]1ug-in が イン スト ー ル され て いま せ 

ん !!") 』 
が ニニ ニテ 
</ SCRTPT> 
</ BODY></ HTML> 


月 半 旧 半 療 ーー 人 選 二 








上 slert0「window オ ブ ジ ェクト 」 の [警告 用 の ダイ アロ グ ボッ クス を 開く 」:P.2B7 参 照 
旧 !ndexOf0「string オ ブ ジェ クト 」 の 「 先 頭 か ら 文字 列 を 検索 する 」:P.490 参 昭 
上 !5ngth「 覆 数 の オブ ジェ クト で 使用 で きる プロ バテ ィ - メ ソ ッ ド | の [オブ ジェ クト (配列 ) の 数 を 取得 する 」:P512 参 照 
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2 


reEresh () 





Plugins 配 列 を リフ レシ ュ し ます 。 こ の 時 に rue( 真 ) を 返す と 、 そ れ 以 降 <EMBED> タ 
月 記 グ で 指定 し て プラ グイ ン を 使用 する こと が で き 、lse( 偽 ) を 返し た 時 は 、 プ ラグ イ 
ン の 配列 の 作り 直し の み を 行い ます 。 
JavaScripr1.1 で 追加 され た plugins オ プ ジ ェ クト の メソ ッ ド で す 。 



































用 navigator .p1ugins .reEresh ( / と rue | fa7 se7 ) 
計 
[メソ ッ ド ] 
解 クラ イア ント の preference の 設定 を 行い ます 。 
良 史 Signcd Script 内 で 使用 可能 で す 。 
JavaScriptl.2 で 追加 され た メソ ッ ド で す 。 
| navigator .preEerenoe ( 型 定 名 ) 
月 navigator .preEerence (設定 名 / 設定 條 ) ーーーー 
5 
設定 項目 設定 名 設定 値 ぁ 
Automatically general.always_load_images true | false 4 
load images 軸 
Enable Java security.enable_java true | false を 
Enable JavaScript avascript.enabled true | false 利 
Enable style sheets browser.enable_style_sheets true | false し 
Enable autoinstall autoupdate.enabled true | false る 
Accept all cookies network.cookie.cookieBehavior 0 
Accept only cookies network.cookie.cookieBehavior 1 
that getsent back 
to the originating 
SeiVer 
Disable cookies network.cookie.cookieBehavior 2 
Wa before network.cookie.warnAboutCookies truelfalse 
acceDptind Cookie 
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SCreen .Width [プロ パテ ィ 1] 


gcCreen height [プロ パテ ィ 1] 
gCreen . ava11Width [プロ パテ ィ ] 
BCreen .ava11He1ight [プロ パテ ィ ] 





ォ デ ィ ス プレ イ の サイ ズ を 取得 する 
スク リー ン の 幅 (pels〉1024 


スク リー ン の 高 さ (pes)768 
使用 可能 な スク リー ン の 幅 (pixsls1024 
使用 可能 な スク リー ン の 高 さ (psxsls〉740 





[wid 由 ] プ ロ パ ティ と 「height]l プ ロ パ テ ィ は 、 ス クリ ー ン 全体 の 幅 と 高 さ の 値 を 返し 
ます 。「availWidth] プ ロ パ ティ と 「availHeightl プ ロ パ テ ィ は 、 ス クリ ー ン 全体 か ら 
Windows の タス ク バ パー の よう に 、 表 示 で き な い 部 分 を 除い た スク リー ン の 幅 と 高 さ 
の 値 を それ ぞ れ 返し ます 。 

JavaScript1.2 で 追加 され た プロ パテ ィ で す 。 これ ら の プロ パテ ィ は 読み 出し 専用 で す 。 








R <HTML> 
2 <mEAD> 
イク 
剛 <TTTLE></TTTLE> 

</ HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
* デ ィ ス プレ イ の サイ ズ を 取得 する <P> 
<SCRTPT LANGUAGE= "JavaScrip 上 1 .2"> 
SH ご ニ 
document .write ("スク リー ン の 幅 (pixe1s ) : " , gcreen . Width ) : 
document .write ("<BR>" ) : 
documen .write ("スク リー ン の 高 さ (pixe1s ) : " , screen .height ) : 
document . write ("<BR>" ) : 
document . write ( " 使用 可能 な スク リー ン の 幅 (pxe1s ) : " , scCreen . a で ai1 
Widt1 ) : 旨 
documen . write ("<BR>" ) : 
document .wri て e( "使用 可能 な スク リー ン の 高 さ (pixe1s ) : " , screen .aYai1 
Hetight ) : | 
メ ツ ーー> 
</ SCRTPT> 
</ BODY> 
</HTML> 
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SsCreen .p1xe1Depth 
8Creen . で Oo1orDepth 


ォ デ ィ ス ブレイ の 表示 情報 を 取得 する 


ディ スプ ブレ イ 深 度 〈bits per pixeD32 
人 月 りー も ラー)32 


[プロ パテ ィ ] 
[プロ バテ ィ ] 








「pixelDepth] プ ロ パ ティ は 1 ピク セル あたり 何 ビ ピッ ト の 情報 で 表示 する か の 値 を 、 


「colorDepth] プ ロ パ テ ィ は 表示 可能 色 数 の 値 を 、 


ビッ ト 数 で それ ぞ れ 返し ます 。 


例え ば 、256 色 の 場合 は 8、65000 色 (Macintosh で は 32000 色 ) の 場合 は 16 と な り ま す 。 
JavaScript1.2 で 追加 され た プロ パテ ィ で す 。 これ ら の プロ パテ ィ は 読み 出し 専用 で す 。 
Internet Explorerr で は 、「pixelDepth」 に 未 対応 で す 。 


<HTMTL> 

<HEAD> 

<TTTLE></TTTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

* デ ィ ス プレ イ の 表示 情報 を 取得 する <P> 
<SCRTPT LANGUAGE= "JavyaScrip キ 1 .2"> 
ココ 

document .write(" ディ スプ レイ 深度 (b1ts 
pixe1Depth ) : 

documen . write ( "<BR>" ) : 


per pixe1 ) :", 


document .write(" 使用 可能 まき カラ ー 数 (bit カラー) :" , 


Dept1 ) : 

7 ご ュ 

</ SCRTPT> 
</ BODY> 
</HTML> 
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event .type デー イベ ント の 種類 [プロ パテ ィ ] 
onC1iok [イベ ント ] 
onMouseOut [イベ ント ] 
onMouseDown [イベ ント ] 
onMouseUp [イベ ント ] 
onMouseOver [イベ ント ] 
cols 
ォ イ ベン ト の タイ ブ を 取得 する 
の イン lf 
onClick Event 
人 


パ イベ ント タイ ナ mouseout 


ビー ニコ 
ー 中 EET 
爺 イベ ント タイ ナ mousedown 





ft Internet Exploee 請 識 2 | 





解 「ype」 プ ロ パ テ ィ は 、 発 生 し た イベ ント の タイ プ の 値 を 持っ て いま す 。 

和 』 サン プル で は 、 フ ォ ー ム や リン ク に 色々 な イベ ント ハン ドラ を 設定 し 、 イ ベン ト が 
発生 し た 時 に 警告 用 の ダイ アロ グ ボ ックス に その イベ ント タイ プ を 表示 し て いま す 。 
[onClickl は オプ ジェ クト が クリ ッ ク さ れ た 時 、|「onMouseOukl は オブ ジェ クト か ら 
マウ スカ ー ソ ル が 離れ た 時 、「onMouseDownl は マウ ス ボ タ ン が 押し 下げ られ た 時 、 
[onMouseUp] は マウ ス ボ タ ン が 離さ れ た 時 、「onMouseOverl は オプ ジェ クト 上 に 
マウ スポ イン タ が 乗っ た 時 を それ ぞ れ イベ ント と し て 捉え ます 。 
JavaScripr1.2 で 追加 され た プロ パテ ィ で す 。 


event オ ブ ジ ェクト 


FR <HTML> 
<HEAD> 
<TTTLE></ FTTLE> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
* ォ イベ ント の タイ プ を 取得 する <P> 
<FORM NAME= "EVENT1 "> 

< く TNPUT TYPE="button" NAME= "event1" VALUE= "onC1iok 0 
全 ] 

onC1ick="a1ert(' イ ベン ト タ イ プ : '+ event .type) "> 
</FORM> 
<A HREF="#" onMouseOut="a1er ("イベ ント タイ プ : '+ event .type ) "> 
onMouseOu Event!! 
</A> 
< く P> 
<A HREF="#" onMouseDown="a1ert ("イベ ント タイ プ : '+ event .type) "> 
onMouseDown EVen!! 
< く /A> 
く P> 
<A HREF="#" onMouseUp="alert(' イ ベン ト タ イ プ : '+ event .type ) "> 
onMouseUD Event!! 

< く /A> 
く P> 

<A HREF="#" onMougeOver="a]1ert ("イベ ント タイ プ : '+ event .type ) "> 
onMouseOVer EVen!! 

< く /A> 

</BODY> 

< く /HTML> 











上 リフ ァ レ ンス [イベ ント タイ ブ ]」 :P.550 参 照 


ED 
MAS 
イ 
0 
ン 
9 
利 
す 
る 
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イベント .type デイ ベン ト の 種類 [プロ パテ ィ ] 
イプ ベント. screenX ーー ディス プレ イ の *X 軸 の 値 [プロ パテ ィ 1] 
プイ ベント. screenY ディスプレイ の Yy 軸 の 値 [プロ パテ ィ ] 
イベ ント ム .pageX ーー ウィン ドウ の xX 軸 の 値 [プロ パテ ィ ] 
イベ ント -pageY ウィ ンド ウ の Y 軸 の 値 [プロ パテ ィ 1] 


onMouseDowmn [イベ ント ] 


* ど こ で イベ ント が 発生 し た か を 取得 する 
N 





「screenX| と [screenY] プ ロ パ ティ は イベ ント が 起こ っ た ディ スプ レイ 上 の X 軸 と Y 軸 
月 史 の 値 を 、「pagcX」 と [pageY] プ ロ パ テ ィ は イベ ント が 起こ っ た ウィ ンド ウ の 表示 領 城 
上 の X 軸 と Y 軸 の 値 を それ ぞ れ 持 っ て いま す 。 
サン プル で は 、 マ ウス ボタ ン が 押さ れ た 時 に 、 イベ ント タイ プ [document.onmouse 
down] に よっ て イベ ント を 取得 し て 関数 [eve1()] を 発生 させ 、 関 数 の 処理 で 発生 し 
た イベ ント が 持っ て いる プロ パテ ィ の 値 を 取り 出し 、 そ れ を 警告 用 の ダイ アロ グ ボ ッ 
クス に 表示 し て いま す 。 


SPY 
イ JavaScript1.2 で 追加 され た 用 法 で す 。 
べ 
ン 
ト <HTML> 
クノ 
| 2 計 <HEAD> 
を 財 <TTTLE></TTTTLE> 
利 <SCRTPT LANGUAGE= "JavaSor1p1 .2"> 
用 で リー ニュ 
る Function eve1(e) { 
alert ( "イベ ント "+e.type +" が 発生 し まし た " +  " ま n" + 
"スク リー ン の 座標 :" + e.screenX + "\n' + 


"スク リー ン の Y 座 標 :" + e.screenY + "\ ま nm"' 二 
"ウィ ンド ウ の X 座 標 :" + e.pageX + "\n" + 
"ウィ ンド ウ の Y 上 座標 :" + e-pageY ): 

Gurn 上 了 エ UG: 
} 
documen .onmousedown = GVG1 : 
ん ルー コテ 
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</SCRTPT> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* ょ どこ で イベ ント が 発生 し た か を 取得 する <P> 
</BODY> 

</HTML> 








上 具 onMouseDown で リフ ァ レ ンス 「 イ ベン ト タ イ プ 」 の 「MouseDown] :P.551 参 照 


Internet Explorer で の event オ ブ ジ ェクト の 使用 法 


Internet Explorer の サポ ー ト し て いる JScript で も 、Internet Explorer4.0 か ら 
Netscape Navigator と 同様 に ウィ ンド ウ 上 の どこ で イベ ント が 発生 し て も 、event オ ブ 
ジェ クト を 使用 し て 、 そ の イベ ント を 取得 で きま す 。 し か し 、 オ ブ ジ ェクト の 取り 扱い 方 な 
ど に 、Netscape Navigator と 微妙 な 違い が あり ます 。 

取得 する イベ ント を 設定 する 方 法 は 、 Netscape Navigator と 同じ で す 。 し か し 、 Netscape 
Navigator の event オ ブ ジ ェクト が 、 直接 イベ ント か ら イ ベン ト に 関す る 情報 を 取り 出す の 
に 対し て 、Internet Explorer の event オ ブ ジ ェクト は 、window オ ブ ジ ェクト の プロ パテ ィ 
な の で 、「window.event. プ ロ パ ティ 」 の 用 法 で イベ ント の 情報 を 取得 する こと に な り ま す 。 

次 の サン プル は 、event オ ブ ジ ェクト の 「 ど こ で イベ ント が 発生 し た か を 取得 する 」 を 
Internet Explorer で 使用 で きる よう に し た も の で す 。 event オ ブ ジ ェクト の 設定 方 法 の 違い 
に 注目 し て くだ さい 。 また 、 プロ パテ ィ に も 「pageX」 や 「pageY]」 の よう に Netscape 
Navigator の み で サポ ー ト され て いる も の や 、 「offsetX」 や 「offsetY]」 の よう に Internet 
ExXplorer の み で サポ ー ト され て いる も の が ある の で 注意 し て くだ さい 。 


だ こ で イベ ント が 発生 し た か を 取得 する 





<SCRTPT LANGUAGE= "JavaScript1 .2"> 
こし ーー 
Function eve1() { 


alert ( "イベ ント "+window.event . type +" が 発生 し まし た " + "\m"' + 
"スク リー ン の X 座 標 :" + window.event .screenX + " ま n" + 
* ス クリ ー ン の Y 座 標 :" + window.event .screenY + "\nm" 


"ウィ ンド ウ の 座標 :" + window.event .oFFsetX + "nm" + 

"ウィ ンド ウ の Y 上 座標 :" + window.evenEt.ofFfsetY ): 
return rue: 

} 

document . onmouSedown = eVe1: 

ん コー シュ 

</ SCRTPT> 


ぶ 朋 涯 記 問 若 一 う ユ 旧 
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イプ ベント.1ayerX ー レ イヤ ー 上 の x 軸 の 値 [プロ パティ] 


イプ ベント.1ayerY ーー レイヤー 上 の Y 軸 の 値 [プロ バ パティ] 
onMouseDown [イベ ント ] 








* レ イヤ ー 上 の どこ で イベ ント が 発生 し た か を 取得 する 


解 「layerX」 と 「layerY] プ ロ パ ティ は 、 イ ベン ト が 起こ っ た レイ ヤー 上 の X 軸 と Y 軸 の 値 
角 記 を 持っ て いま す 。 
サン プル で は 、 レ イヤ ー 上 で マウ スポ ボ タン が 押さ れ た 時 に 、 イ ベン ト タ イ プ 
「document.onmousedown] に よっ て イベ ント を 取得 し て 関数 [eve1()」 を 発生 させ 、 
イベ ント が 持っ て いる マウ スカ ー ソ ル の ウィ ンド ウ と レイ ヤー 上 の 位置 の 値 を 、 警 
告 有 の ダイ アロ グ ボ ックス に 表示 し て いま す 。 
JavaScript1.2 で 追加 され た 用 法 で す 。 


DEF に ra の に | 
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2 <HTML> 


ンク < く HEAD> 
<TTTTLE></TTTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFF "> 
* ォ レイ ヤー 上 の どこ で イベ ント が 発生 し た か を 取得 する <P> 
<LAYER NAME="LAY1" VTSTBTLTTY="show" BGCOLOR="b1ue" TOP 
=50 LEFT=100 WTDTH=200 HETGHT=150> | 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
く ! ニー 
function eve1(e) { 
alert ( "イベ ント "+e.type +" が 発生 し まし た " +  " ま m" 
"ウィ ンド ウ の X 座 標 :" + e.pageX + "\ ま nm" + 
"ウィ ンド ウ の Y 座 標 :" + e.pageY + "\ ま mn" 
"レイ ヤー の XX 座標 :" + e.1ayerX + " ぎ \m"' + 
"レイ ヤー の Y 護 標 :" + e.1ayerY): 
return ruUG: 
} 
document .onmougedowm ニニ GVG1] : 
7 ソー ニー ッ 
</ SCRTPT> 
</LAYER> 
</ BODY> 
</HTML> 








上 l 具 onMouseDownー リ ファ レン ス 「 イ ベン ト タ イ プ 」 の 「MouseDown] :P.55 1 参照 


の 還 半 具 半 和義 テス ユ 則 
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イプ ベ ント.modifiers [プロ パテ ィ ] 
プイ ベン トム .which [プロ パテ ィ ] 
onkeydown [イベ ント ] 


* ど の キー が 押さ れ た か を 取得 する 





解 which] プロ パテ ィ は 、 イ ベン ト 発 生 時 に 押さ れ た キー の ASCII コ ー ド の 値 を 持っ て 
月 鹿 いま す 。 

サン プル で は 、 キ ー が 押さ れ た こと を [documentonkeydown] に よっ て イベ ント と 
し て 捉え 、「which] の 値 を 警告 用 の ダイ アロ グ ボ ックス に 表示 し て いま す 。 
その 時 、ASCII コ ー ド の 値 そ の まま で は 、「al の キー は [65]、「b] の キー は 「66] と いっ 
た コー ド 番 号 な の で 、 そ れ を string オ プ ジ ェ クト の 「fromCharCode()] メ ソ ッ ド を 使 
用 し て 、 英 数 字 に 変換 し て いま す 。 
JavaScript1.2 で 追加 され た 用 法 で す 。 


で Sa 
に 
イ り 頃 <HTML><HEAD><TTTLE></TTTLE> 
2 レク <SCRTPT LANGUAGE= "JavaScript1 .2"> 
<!ーー 
ト Funotion eve1(e) { 
| al1er ( String.fFromCharCode (e.which) + ":jkey が 押さ れ ま 
財 必 だ Ng 
用 reEturn 人 上 エ UG : 
す } 
る document .onkeydown = eve1 : 
//ーー> 
< く / SCRTPT> 
< く / HEAD> 


<BODY BGCOLOR="#FFFFFF"> 
* ど の キー が 押さ れ た か を 取得 する <P> 
< く / BODY> 

< く / HTML> 








上 String.romCharCode) 一 「sting オ ブ ジェ クト 」 の [ISO-Latin-1 の コー ド 番 号 を 文字 に 変換 する 」:P.493 参 昭 
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プイ ベン トム.data [プロ パテ ィ ] 


onDragDrop [イベ ント ] 





ォ * ド ラッ グ & ド ロッ プ し て いい か を 確認 する 






* エ の ウイ ンド ウ に ドラ ッ グ & ド ロッ プレ て くだ さい 


解 [onDragDrop] イ ベン ト は 、 ウ ィ ン ド ウ 上 で 、 画像 や HTML フ ァイル な どの ドラ ッ 
生 】 クミ ドロ ッ プ の 動作 が 行わ れ た 時 の イベ ント を 取得 し ます 。 

また 、[「datal プ ロ パ テ ィ は 、 ド ロッ プ さ れ た 画像 や HTML フ ァイル な どの URL の 値 
を 持っ て いま す 。 
サン プル で は 、 画像 や リン ク を ウィ ンド ウ 上 に ドロ ッ プ し た 時 に 、「window.on 
DragDrop] に よっ て イベ ント を 取得 し て 関数 [eve1() 」 を 発生 させ 、 関 数 の 処理 で ファ 
イル を 表示 し て いい か どう か を 確認 する ダイ アロ グ ボ ックス を 開い て いま す 。 
た だ し 、Windows95 版 の Netscape Navigator4.x は 、 画 像 の ドラ ッ グ & ド ロッ プ に 対 
応 し て いま せん 。 
JavaScript1.2 で 追加 され た 用 法 で す 。 


の et 且 半 可 和 義一 "> 則 


event オ ブ ジ ェクト 283 


kV 【 ド ラッ グ S ド ロッ プ さ れる ウィ ンド ウ 】 
レン <HTMTL> 


< く HEAD> 
ーー <TTTLE></ 呈 TTLE> 
<SCRTPT LANGUAGE= "JavaScr1p1 .2"> 
に ドー 
Function eve1() { 
if ( confirm ( "この ファ イル を 表 \ 示 し て も いい で すか が ?") ) { 


了 て GEu エ Tn 上 UG: 
B 
return fa]se 
} 
window . onDragDrOp = eV@e1: 
が ーー テ 
</ SCRTPT> 
</HEAD><BODY BGCOLOR="#FFFFFF"> 
* ド ラッ グ g ド ロッ プ し て いい か を 確認 する <P> 
<A HREF="NewWin .htm1" TARGET="_ Open "> ウィ ンド ウ を 開く </A> 
< く / BODY> 
</ HTML> 


【 ド ラッ グ & ド ロッ プ 元 の ウィ ンド ウ 】 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFFE"> 

* 元 の ウイ ンド ウ に ドラ ッ グ &g ド ロッ プ し て くだ さい <P> 

<TMG SRC="1mage.91E" NAME="eve05" ALT="1mage.91F" WTDTH= 
"100" HETGHT="100"><P> | 
<A HREF= "htp : / /www .netsocape .com/ ">Netscape 社 の HomePage 
へ 。。 . く /A> 』 
</ BODY> 

</ HTML> 








上 onDragDrop+ リ ファ レン ス 「 イ ベン ト タ イ プ 」 の 「DragDrop」:P.550 参 昭 


中 語 央 上 弟 靖 テー うさ | 
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onRes1ze 


アイ ル G) 給 集 ⑰) 表示 ジャン プ G Commwncalr(G 
AM プ ⑪ 


ュ 
可 


【 テ 
きみ 迄 ホー トム 栓 夫 








= デン 
ウィ ンド ウ の 位置 と サイ ズ を 規定 する 


* ウ ィ ン ドウ の 位置 と サイ ズ を 規定 する 


4 0 0 ピク セル 








解 イベ ント 「onMovel は ウィ ンド ウ が 移動 し た 時 、「onResizel は ウィ ンド ウ の サイ ズ が 

月 品 変更 され た 時 の イベ ント を 取得 し ます 。 
サン プル で は 、HTML フ ァイル が 読み 込ま れ た 時 に ウィ ンド ウ の ディ スプ レイ 上 の 
表示 位置 と サイ ズ を 確定 し て いま す 。 そ し て [window.onMove」 [window.onResizc] 
に よっ て 、 そ れ 以 降 ウ ィ ン ド ウ が 動か され た り 、 ウ ィ ン ド ウサ イズ が 変更 され た 時 
を イベ ント と し て 取得 し ます 。 ウィンドウ の 位置 や サイ ズ が 意図 し た も の で な か っ 
た 場合 、 元 に 戻す か 確認 し た 後 、 ウ ィ ン ド ウ の 位置 や サイ ズ を 戻し て いま す 。 ウ ィ 
ンド ウ の 位置 は 、1 度 だ け 元 の 位置 に 戻さ な いよ うに すれ ば 、 そ われ 以 降 は 自由 に 位 
置 を 変更 で きる よう に な り ま す 。 
1 度 の ウィ ンド ウ の 移動 で 、 複 数 回 の [onMove」 イ ベン ト が 発生 する こと が あり ます 。 
サン プル で は 、1 番 初め に 発生 し た イベ ント に つい て の み 、 処 理 を 行う よう に し て 
いま す 。 ま た 、Windows 版 の Netscape Navigator で は 、 ス クロ ー ル バー が 表示 され 
た 時 に も 「onResizel イ ベン ト が 発生 する の で 、 注 意 し て くだ さい 。 
JavaScriptl .2 で 追加 され た 用 法 で す 。 


3 
て ニコ 

6 

3 

ン 

ト 

情 

報 

を 

利 

用 

2 

る 
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5 <HTML> 
< く HEAD> 

<TTTLE></T エ TLE> 

<SCRTPT LANGUAGE= "JavaScript1 .2"> 
0 

window .moveTo(10,10): 
window.resizeTo(400,400): 


RL=1 
function eve1 () { 
1f (RL==1 ) { 
tf ( confirm ("ウィ ンド ウ が 移動 し まし た 、 PE 
0 9 


window .moveTo(10,10): 
1ocation .re1oad ( ) : 
R エ ++: 
エ GtUurn 上 了 UG : 
} 
e1se { RL=2 } 
} 
} 
function eve2() { 


1f (window.outerHeight <= 380 | | window.outerWidth 
<= 380 ){ 』 
tf ( confirm ("ウィ ンド ウ の サイ ズ が 小さ すぎ ます 、 元 の サイ ズ に 戻 
し ます が ?") ) { 


window.resizeTo(400,400): 
Gturm 上 エ UG: 
} 
return fa]se: 
} 
} 
window .onMove = eve1 : 
window.onResize = eve2: 
が ーー 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFEFF"> 
* ウ ィ ン ド ウ の 位置 と サイ ズ を 規定 する <P> 
</ BODY> 
< く /HTML> 








上 outerHeight*「window オ ブ ジ ェクト 」 の 「 ウ ィ ン ド ウ の 外周 ・ 内 周 を 取得 する 」:P.307 参 昭 

旧 具 outerWidth「window オ ブ ジ ェクト 」 の 「 ウ ィ ン ド ウ の 外周 ・ 内 周 を 取得 する 」 :P.307 参 昭 

旧 具 rmoveTo0 一 「window オ ブ ジ ェクト 」 の 「 ブ ラウ ザ を 指定 し た 位置 へ 移動 する 」 :P.308 参 照 

旧 具 esizeTo0 一 「window オ ブ ジェ クト 」 の 「 ブ ラウ ザ の 大 き さ を 指定 し て リサ イズ する 」:P.310 参 照 
旧 際 ocation.reload) 一 「location オ ブ ジ ェクト 」 の 「 リ ロー ド ボ タ ン を 作る 」:P.360 参 照 

上 具 onMoveー リ ファ レン ス 「 イ ベン ト タ イ ブ ] の 「Move」:P.55 ら 参照 

旧 onResize* リ ファ レン ス 「 イ ベン ト タ イ プ ブ ]」 の [Hesize」:P.552 参 照 
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a1ert ( 文字 列 ) [メソ ッ ド ] 
onC1icK [イベ ント ハン ドラ ] 


* 警 告 用 の ダイ アロ グ ボ ックス を 開く 





解 [alert0」 は 、 警 告 用 の ダイ アロ グ ボ ックス を 開く メソ ッ ド で す 。 
月 記 サン プル で は 、 ボ タン を クリ ッ ク し た 時 に イベ ント ハン ドラ [onClick」 が 関数 [EVENT 
1()」 を 発生 きせ 、 ダ イア ログ ボッ クス を 開い て いま す 。 
利用 者 に 注意 を うな が す 時 な ど に 使用 し ます 。 


⑪? <HTML><HEAD><TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

く ! ニー ニー 

Function EVENT1 ( ) { window .a1ert ("アラ ー ト ウィ ンド ウ が 開き ます ! !") } 
パコ ラニ ペ 

< く / SCRTPT> 

</HEAD> 

<BODY BGCOLOR= "#FFFFEFEF "> 

* 警 告 用 0 ダ イア ログ ボッ クス を 開く <P> 





<FORM> 

<TNPUT TYPE="button" NAME= "CF" VALUE=" 注意 ! ! こ こ を を クリ ッ ク 
する と " onC1iok="EVENT1 ( ) "> | 
</FORM> 

</BODY></HTML> 








の 選 革 著 計 ゴ テ V ヽ 二 


alert() を 使い すぎ て いま せん が ? 


「alert()」 で 開く ダイ アロ グ ボ ックス は 、 そ の 名 の 通り 、 利 用 者 に 注意 を うな が す た め 
の ダイ アロ グ ボ ックス で す 。 その た め 、 こ の ダイ アロ グ ボ ックス が 開く 時 は 警告 音 を 発 
し 、 開 いて いる 間 は 他 の 作業 を 受け 付け な く な り ま す 。 

割 と 短い コー ド で 明確 な 効果 が 得 ら れる の で 、JavaScript の 解説 で は よく 使わ れ て い 
ます が 、 実際 に 利用 する 時 は その 用 途 に 合っ て いる か どう か を 十分 考慮 し た 上 で 利用 し 
て くだ さい 。 
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[メソ ッ ド ] 





エー エエ エエ イッ 
cotrootEoboe 還 還 訳詞 二 丘 に 


ビー 


解 「confirm()] は 、 確 認 用 ボタ ン 付 き の ダ イア ログ ボッ クス を 開く メソ ッ ド で す 。 
読 認 ボ タン の 名 称 は 、Windows 版 の Netscape Navigator は 「OK/ キ ャ ン セ ル | 、 
Macintosh 版 の Netscape Navigator は 「Yes/No] と 、OS に よっ て 違い ます 。 
「OK」、 又 は 「Yesl の ボタ ン が 押さ れ た 時 は 真 (truc) の 値 を 、「 キ ャ ン セ ル 」、 又 は 「No] 
の ボタ ン が 押さ れ た 時 は 偽 (f 名 lse) の 値 を 返し ます 。 
サン プル で は 、 押 され た ボタ ン に よっ て 違う ペー ジ が ロー ド さ れる よう に な っ て い 
ます 。 


* 確 認 ボタ ン 付き の ダイ アロ グ ボ ックス を 開く 








あ <HTML><HEAD><TTTLE></TTTLE> 
の <SCRTPT LANGUAGE= "JaVvaScr1p 上 "> 


SN 


で ル ーー ニー 


に 
5 Function EVENT3 ( ) { 
ウ 1f ( conEirm ("OK(Yes) .Cance1 (No ) ボタ ン 付 ダ イア ログ ボッ クス " 
) ) { 1ocation .href="wp1 .htm1" } 引 
ド e1se { 1ocation .href="wp2.htm1" } 
ウ } 
1 //ーーー> 
作 </SCRTPT> 
す </HEAD> 
る <BODY BGCOLOR= "#FFFFFF"> 
* 確 認 ボタ ン 付 き の ダ イア ログ ポッ クス を 開く <P> 
<FORM> 
<TNPUT TYPE="button" NAME= "CF" VALUE=" Open " onC1ick= 
"EVENT3 ( ) "> | 
< く /FORM> 
</ BODY></HTML,> 








上 !ocation href・「location オ ブ ジ ェクト 」 の 「 自 ベー ジ の URL を 取得 する 」:P.353 参 照 
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prompt ( 駐 字 多 , 値 ) 









* 入 力 欄 付き の ダイ アロ グ ボ ックス を 開く 


入力 材 付 き の ダ イア ログ ポッ クス ト | 





1 





99/07/24 
NEW 













ト : 
3 






ト 書 狂 購入 洲 
マヤ ゲー ム 情 報 三 時 更新 
マヤ ソート 情 報 99/01/11 







マヤ リク ルー ト 情 報 99/06/15 






「prompt(0」 は 、 入 力 欄 付 き の ダ イア ログ ボッ クス を 開く メソ ッ ド で す 。 

「promptr( ウ ィ ン ド ウ 内 に 表示 する 文字 列 , 入 力 ボ ックス 内 の 初期 値 )] と 指定 し ます 。 
「OK] ボ タン が 押さ れる と 入力 欄 付 き ダ イア ログ ボッ クス 内 の 値 が 代入 され 、 キ ャ 
ン セ ル ボ タン が 押さ れる と null の 値 を 返し ます 。 

サン プル で は 、 入 力 欄 に 何 も 入 力 さ れ て いな か っ た り 、 初 期 値 の まま だ っ た り 、 キ ャ 
ン セ ル ボ タン が 押さ れ た 時 に は [alerc()」 で 警告 用 の ダイ アロ グ ボ ックス を 開き 、 そ 
れ 以外 の 場合 は 入力 され た URL を ロー ド し ます 。 も し 、 そ の 時 に 入力 され た URL が 
不正 な 場合 は 、 プ ラウ ザ 自 身 が 警告 を し ます 。 
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$ <HTML> 
の 列 <HEAD> 
< 中 エ TE></ TFTTLE> 
<SCRTPT LANGUAGE= "JavaScrip 上 "> 
先 設 二 
Function EVENT4 ( ) { 
PRO=prompt ( "お 好き な URL を 入力 し た 後 、'OK' ボ タン を 押し て くだ さい "。 

RE も Ds./7" ョ 1 

if (!(PRO=="" | | PRO==nu11 | | PRO=="http: //") ) 
{ 1ocation .href=PRO } 

e1se { alert ( " 何 も 入 力 さ れ て いな いか 、Cance1 が 押さ れ ま し た " ) } 
} 
ニニ ー テ 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFEF"> 
* 入 力 欄 付 き の ダ イア ログ ボッ クス を 開く <P> 
<FORM> 
<TNPUT TYPE= "button" NAME= "CF" VALUE=" 入力 欄 付き の ダイ アロ グ 
ボックス" onC1ick= "EVENT4 ( ) "> d 
</FORM> 
</ BODY> 
</HTML> 














上 l 除 ocation.href・「location オ ブ ジ ェクト 」 の 「 自 ペー ジ の UHL を 取得 する 」 :P.353 参 照 
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window . Eatug [プロ パテ ィ ] 
onMouseOver [イベ ント ハン ドラ 1] 


* ス テー タス 行 に メッ セー ジ を 表示 する 
この 文字 の 上 








解 サン プル で は 、 リ ンク 上 に マウ スポ イン タ が 乗っ た 時 に イベ ント ハン ドラ [onMousc 
縛 Overl 内 の スク リプ ト が 評価 され 、「starusl プ ロ パ ティ に よっ て ステ ー タ ス 行 に 文字 
を 表示 させ て いま す 。 
リン ク の 説明 を 表示 する な どの 利用 方 法 が あり ます 。 


の <HTML> 
MM2 欄 <HEAD> 
ィ ク グ 
四 <TTTLE></TTTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFEFF"> 

* ス テー タス 行 に メッ セー ジ を 表示 する <P> 

<A HREF="#"onMougeOver="window . ga モ atus=' ステ ー タ ス 行 に メッ セー ジ 

が 出 ます ' : return true"> こ の 文字 の 上 に マウ スカ ー ソ ル を 持っ て くる と </A> | 
</ BODY> 

< く / HTML> 








上 l 具 onMouseOver* リ ファ レン ス 「 イ ベン ト ハ ンド ラ 」 の 「onMouseOver」:P.549 参 昭 


weny 旧 
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Window . 5 上 atug [プロ パティ] 
getmimeout ( 如 理 , 言 商 設 定 ) [メソ ッ ド ] 
c1earFimeou ( ) [メソ ッ ド ] 









* ス テー タス 行 に 文字 を 流す 


と 弓 略 國 題 LGZ を CE 還 








| 如 の セツ を 入れ ます -。。 


4 サン プル は 、 ま ず ペ ー ジ が 読み 込ま れ た 時 に 、 イ ベン ト ハ ンド ラ 「onLoad」 が 関数 
表記 「Mess0」 を 発生 し ます 。 

次 に 「Mess0{…]] 内 で は 、 TC の 値 に 1 を 加え 、「window.statusl で ステ ー タ ス 行 に 文 
字 列 を 書き 出し た 後 、strring オ プ ジ ェ クト の 「substring()」 で 文字 列 を 2 字 ず らし 、 
「setTimeout()」 で 再び 関数 「Mcss()」 を 呼び 出し て いま す 。 そ し て 、 こ の 処理 を 
「(TC<1000)] が 真 に な る まで 繰り 返す こと に よっ て 、 ス テー タス 行 に 文字 が 流れ る 
よう な 効果 を 出し て いま す 。 
[Mcss()」 の 処理 が 終っ た 時 は 、 ス テー タス 行 に スペ ー ス を 表示 する こと に よっ て 、 
ステ ー タ ス 行 の 文字 クリ ア し て いま す 。 
文字 列 の 最後 と 先頭 が くっ つい た り 、 い き な り 文字 が 現われ た り し な いよ うに 、 文 
字 列 の 始め に スペ ー ス を 入れ て いま す 。 
スク ロー ル さ れ て いる 長 さ の 調整 は 、[(TC < 1000)」 内 の 数 値 を 変更 する こと に よっ 
て 行い ます 。 
スク ロー ル の 速度 は 、「serTimeout("Mess()".300)] 内 の 数 値 を 変 た る こと に よっ て ミ 
リ 秒 単位 で 調整 し ます 。 


Dy <HTML> 
2 議 <HEap> 
<TTTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
っ 

var TC = 0 』 

Var Sm1 
var Sm2 
Var Sm3 


寺 鞭 せ デュ | 
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var Sm4 = "ここ に メッ セー ジ を 入れ ます . . . . . 。 3 
Yar SmesSs = Sm1+Sm2+Sm3+Sm4: 
Yar 上 imer=O : 


function Mess() { 
if (TC < 1000) { // こ この 数 値 を 変え る こと に よっ て スク ロー ル す る 時 間 
が 変わ り ま す 紀 
TC+ キ 』 


window . 8 も モ a も uS = SmeS8z 
Smess = Smess.substring(2,Smess.1ength) + 
Smess .Substring(0,2): | 
vVar timeTD=setmimeout(" "1) : 
で 1ear〒imeout (timeTD) : 
timeTD=timer = setTimeout ("Mess ( ) ",300) : 





} 
else { window.statug = " "} 
} 
ん ニニ ビッ 
</ SCRTPT> 
</HEAD> 
<BODY  BGCOLOR= "#FFFFFF" onLoad= "Mess ( ) "> 
* ス テー タス 行 に 文字 を 流す 
</ BODY> 
</HTML> 








上 具 substring0 一 「string オ ブ ジ ェクト 」 の 「 文 字 列 の 途中 の 文字 を 抜き 出す 」 :P.488 参 昭 
上 l 除 onLoad で リフ ァ レ ンス 「 イ ベン ト ハ ンド ラ 」 の 「onLoad]」:P.548 参 昭 


「setTimeout()」 の 処理 を 繰り 返し た 時 の 注意 


Netscape Navigator2.0 で setTimeout() の 処理 を 繰り 返し た JavaScript を 実行 し 
た 時 、 し ば らく する と 「 メ モリ ー エ ラー」 が 発生 し 、 ブ ラウ ザ の 動作 が 不安 定 に な っ て し 
まい ます 。 

本 書 で は この エラ ー を 回 避 す る た め 、 一 定時 間 で 処理 を 終了 させ る 、 と いう 対策 を と っ 
て いま す 。 

その 他 に も 、 エ ラー 回 避 の た め に "clearTimeout()" を 使っ て 、1 回 1 回 [setTimeout0」 
の 処理 を 明示 的 に 終了 させ る 、 な どの 対策 が あり ます 。 

この エラ ー は Netscape Navigator3.0 以 上 で は 発生 し ませ ん 。 


の 圭 落 サテ V マ ふせ 旧 
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wwwxvv 義 


window . status [プロ パティ] 
setmimeout ( 巡 理 , 暦 雇 設定 ) [メソ ッ ド ] 








解 . 
Bi 


* ォ ペー ジ が ロー ド さ れ た 時 に ステ ー タ ス 行 に 挨拶 を 表示 する 





サン プル で は 、 ス テー タス 行 に 表示 する 文字 列 の 配列 を 作り 、 ペ ー ジ が 読み 込ま れ 
た 時 に 、 配列 の 要素 を 順番 に ステ ー タ ス 行 に 書き 出し て いま す 。 

表示 の 処理 が 終っ た 時 に は 、 ス テー タス 行 に スペ ー ス を 表示 する こと に よっ て 、 ス 
テー タス 行 の 文字 を クリ ア し て いま す 。 

表示 の タイ ミン グ は 、「serTimeout("EVENT3()", 500)」 内 の 数 値 を 変え 0 る こと に よっ 
て ミリ 秒 単位 で 調整 し ます 。 


<HTML> 

< く HEAD> 

<TTTTLE></ 呈 TTLE> 

<SCRTPT LANGUAGE= "JavaScr1p キ "> 

矢 ら ム ニ 

var TC = 0 : 

Ya ヨゴ = 0 

Function MakeArray(n) { 
this.1ength =n 
for (Var 0 1 <= nz ュ ++) 人 

0: 


l 

















this [i] 

return this : 
} 
msd = new MakeArray (16 ) 
m89[O] "ヤラ 
msdg[1] = " " : 
ma8 す [21 三 " We1come. し 
m8g[3] = * We1come 5 
msg[4] = " る 
msg[5] = " To 。 
msg[6] = " To り 
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msg[7] 5 ! 








msg[8] = " 。 _ MyHomepPag@e_ (6 { ク 〔 ク 0 トト" 
msg[9] = "。 _ MyHomePage 66((V(V(V《W": 
msg[10] = " 
msgd[11] =* (0 
m89[12] = " 
msd[13] = " *We1come To My Home Page*_ ": 
msd[14] = " *We1come To My Home Pade*_ _  ": 
mSsg【[E5] = “ *Welcome To My Home Page*_ ": 


function EVENT3() { 
お ) 人 (R の で 下 65) も 
DGG まな 
if (] <= msg.1ength) 【{ 
window.gtatug = msg[]] : 
キキ: 
if (] == msg.1ength) ( 
hi ご 0 
} 
setTimeout ("EVENT3 ( ) ", 500): 
} 
) else { 
window.statug = " " 


} 

9/ ニ ニニ 

</ SCRTPT> 

< く / HEAD> 

<BODY BGCOLOR= "#FFFFFF" onLoad= "EVENT3 ( ) "> 
* ペ ー ジ が ロー ド さ れ た 時 に ステ ー タ ス 行 に 挨拶 を 表示 する 

</ BODY> 

</HTML> 








用 !engthー「 複 数 の オブ ジェ クト で 使用 する ブロ バテ ィ ・ メ ソ ッ ド 」 の 「 オ ブ ジ ェクト (配列 ) の 数 を 取得 する 」:P.519 参 照 


ETO20 
還 EE 
g 
0 
ピス 
ド 
| 
8 
る 
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* 新 し い ウ ィ ン ド ウ を 開く (MacgX 版 Netscape2x 以 外 ) | 


二 誠 」 


ザル クト リ ・ ロ ケー ジョ ン な し 


タク Hi0D=yao な し 。 |] 
チレ クト リ ・ ロ ケー ジョ ン ・ ツ ー ル バー な し 
97 


アイル 給 委 人 ⑰ 表示 7 更 動 お 気 に AO へ 20 面 ・| 
*Toolbar=No 
*Location=No 
*DirectoryButtons=No 













| 
了 匠 戸 下 春の F5n コ ーーー ーッ 


解 「open0」 メ ソ ッ ド は 、 新 し い ウ ィ ン ド ウ を 開く メソ ッ ド で す 。 

有史 「URL] に は ウィ ンド ウ 内 に 表示 する HTML フ ァイル の URL を 、「 ウ ィ ン ド ウ 名 | に 
は 任意 の ウィ ンド ウ 名 を 指定 し ます 。「 ウ ィ ン ド ウ 名 ] を 同じ に する と 、 同 じ ウ ィ ン 
ドウ と し て 取り 扱わ れ ま す 。 
[属性 ] の 部 分 で は 、 ウ ィ ン ド ウ の ツー ル バ パー や メニ ュー バー な どの 有無 、 ウ ィ ン ド 
ウ の サイ ズ な ど を 指定 し ます 。 各 項目 は 「,] で 区 切り 、 そ の 項目 が 必要 で あれ ば [=yes] 
又は 「=1] と 指定 し 、 不 要 で あれ ば [=no] 又 は 「=0」 と 指定 し 、 ウ ィ ン ド ウ の サイ ズ は 
「= ピ クセ ル ] と 指定 し ます 。 指定 で きる 属性 は 、[roolbar( ツ ー ル バー)]、[locadion( 
ロケ ーション バー)]、「directories( デ ィ レ クト リー バー)」、「starus( ス テー タス パー) 、 
[menubar( メ ニュ ー バ ー)]、「scrollbar( ス クロ ー ル バー)」、[resizable( リ サイ ズボッ 
クス )」、「widthpixels( ウ ィ ン ド ウ の 横幅 )]、「heighr( ウ ィ ン ド ウ の 縦 幅 )] で 、 各 項目 
は 省略 する と 「yes] と し て 判断 され ます 。 
Macintosh 版 の Netscape Navigaror2.0 な ど 、 一 部 の プラ ウザ で は URL が 引け な いも 
の が あり ます 。 こ れ ら の プラ ウザ も 対象 内 に 入れ た Web ペ ー ジ を 作る 場合 は 、 右 ペー 
ジ の 「 注 意 ] を 参照 し て くだ さい 。 





む ? <HTML><HEAD><TTTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScr1D モ "> 
(KM 。 <!ーーー 
Function wopen1 ( ) { window.open ("win1 .htm1, mWindowOpen1" , 
"Eoo1bar=yes , 1ocation=yes , director1es= 
yeS, Status=yeS , mernuDar=yeS , SCro11bars=yes , resizable=yes") } 
function wopen2 ( ) { window.open ( "win2 .htm1, mWindowOpen2", 
* モ oo1bar=yes , 1ocat1on=yes , director1es= 
no, Status=yes , menubar=yes , SCro11Dars=yes , resizab]le=yes") } 
function wopen3 ( ) { window.open ("win3 .htm1" WindowOpen3『 
上 Oo1Dar ェ =yes , 1OCa 上 1on=no , d1reCEOr1Gg= 
no, Status=yes , menuDar=yeS , SCro11bars=yes, res1zable=yes" ) 


の 中 寺 藩 テマ ヽ 守 1 
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Function wopen4 ( ) { window.open ( "win4 .htm1", "WindowOpen4"。 [NNgo_ 
Eoo1Dar=no , 1oCat1on=no , d1 エ ec 上 O エ 1eGS=nO , 」 [INNs0_ 

Status=y@S , menuDar=yes , SCro11Dars=yes,resizable=yes『) } 

Function wopen5 ( ) { window.open ("win5 .htm1", "WindowOpen5"。 INN40_ 

WEOoo1Dar=no , 1oca1on=no , direCtor1eS= [INN46_ 

rorstarusryasrmenubarsyasrscrot1barsyesrresizsblesyes | 

width=300,height=450") } 

// ニ ニニ > [40 

</ SCRTPT> [so 

< く /HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 新 し い ウ ィ ン ド ウ を 開く (MacgX 版 Netscape2 .x 以 外 ) <P> 

< く FORM> 

<TNPUT TYPE="Dutton" NAME= "Type1" VALUE=" 全 部 あり " onC1ick= 

"wopen1 ( ) "> 2 

<BR> 

<TNPUT TYPE="Dutton" NAME= "Type2" VALUE=" デ ィ レ クト リ な し " on 

C1ick="wopen2 ( ) "> 

<BR> 

<TNPUT TYPE="button" NAME= "Type3" VALUE=" ディレク トリ ・ ロ ケー ショ 

ン な し " onC1ick= "wopen3 ( ) "> | 

<BR> 

< く TNPUT TYPE= "Dutton" NAME= "Type4" VALUE=" デ ィ レ クト リ ・ ロ ケー ショ 

ン ・ ツ ー ル バー な し " onC1ick="wopen4 ( ) "> 1 

<BR> 

<TNPUT TYPE="button" NAME= "Type5" VALUE=" サイ ズ 指定 あり " on 

C1iock="wopen5 ( ) "> 回 

< く /FORM> 

</ BODY></HTML> 











Netscape Navigator2.x で 
「window.open()」 メ ソ ッ ド を 使用 する 時 の 注意 


Machintosh 版 と UNIX 版 の Netscape Navigator2x に は 、「window.open0)」 メ ソ ッ 
ド で URL が 引け な いと いう 問題 が の め り ま す 。 その た め 、 通 常 の スク リプ ト の 書き 方 で は 、 
開い た ウィ ンド ウ に 何 も 表 示さ れ ま せん 。 
それ ら の ブラ ウザ を 対象 と し た ペー ジ で 「window.0pen(0」 メ ソ ッ ド を 使用 する 場合 は 、 
function wopen1 ( ) { var WO1: 
WO1=window.open(" " , "WindowOpen6" , 
"too1bar=yes , 1ocat1on=yes , directories 
=yes , Status=yeS , menubar=yeSs , SCro1 1bars=yes , res1zab1e=yes" ) 月 
WO1 . 1ocation .hreF="URL" } 


と いっ た 様 に すれ ば 大 丈夫 で す 。 

この 時 、UHL は 「http://] か ら 始ま る フル パス で 指定 し て くだ さい 。 

この スク リプ ト は 、Machintosh 版 と UNIX 版 の Netscape Navigator2.x 以 外 で も 、 
正常 に 機能 し ます 。 


の 選 圭 落 時 サテ Y ヽ 二 | 
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window .c1ose( ) [メソ ッ ド ] 


setmimeout ( 如 理 , 礎 商 設定 ) [メソ ッ ド ] 
onLoad [イベ ント ハン ドラ 1] 









* ウ ィ ン ド ウ を 閉じ る この ウィ ンド ウ は 約 10 秒 後に 


自動 39 に クロ ー ズ し ます 。 
また 、 下 の Clssse ボ タン を 押し て も 







ウィ ンド ウ が クロ ー ズ し ます 。 





[close0」 は 、 ウ ィ ン ド ウ を 閉じ る メソ ッ ド で す 。 

朋 』 サン プル で は 、 ペ ー ジ が ロー ド さ れ た 時 に 、<BODY> タ グ 内 の イベ ント ハン ドラ 
[onLoad」 が [serTimeout()] を 呼び 出し 、10 秒 後に [window.close()」 が 発生 し て ウィ ン 
ドウ が 閉じ ます 。 ま た 、 フ ォ ー ム の ボタ ン を 押し て も 、 イ ベン ト ハ ンド ラ [「onClick] 
が 「window.close()] を 発生 させ 、 ウ ィ ン ド ウ が 閉じ ます 。 
setTimeout は ミリ 秒 (1000 分 の 1 秒 ) 単 位 で 時 間 を 設定 で きま す が 、 あ まり 小さ い 数 字 
を 設定 し て も 効果 が 出 ませ ん 。 


ーーー ゴ Netscape Navigator3.0 か ら は 、 「close()」 が 発生 し た 時 に ウィ ンド ウ が 来歴 情報 を 持っ 
て いれ ば 、 ウィン ドウ が 閉じ る 時 に 確認 の ダイ アロ グ ボ ックス を 開く よう に な り ま し た 。 
に 
2 ジ 
ド る <HTML><HEAD><TTTLE></TTTLE></HEAD> 
を 2 <BODY BGCOLOR= "#FFFFFF" onLoad=" setTimeout ( oN 
な 
() ',10000) "> 
この ウィ ンド ウ は 約 10 秒 後に <BR> 
す 自動 的 に クロ ー ズ し ます 。<P> 
る また 、 下 の C1ose ボ タン を 押し て も <BR> 
ウィ ンド ウ が クロ ー ズ し ます 。 
<HR> 
<FORM> 


<TNPUT TYPE="button" NAME= "ok" VALUE=" Cl1ose " onC1]ick 
="window .c1ose( ) "> | 
</FORM> 

</BODY></ HTML> 
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[メソ ッ ド 1] 
[イベ ント ハン ドラ 1] 


* ペ ー ジ を 抜け る 時 に 新しい ウィ ンド ウ を 開く 
また 来 て ね 〈^o つ / 


この ウイ ンド ウ は 約 10 秒 後に 
自動 9 に クロ ー ズ し ます 。 


また 、 下 の Clse ボ タン を 押し て も 
ウイ ンド ウ が クロ ー ズ し ます 。 


ea | 





解 サン プル で は 、 別 の ペー ジ に 抜け る 時 に 、 イ ベン ト ハ ンド ラ 「onUnload| が 関数 を 発 
月 記 生き せ て ウィ ンド ウ を 開き 、 お 礼 の メッ セー ジ を 書い た HTML フ ァイル を ロー ド し 


て いま す 。 
5 <HTML><HEAD><TTTLE></TTTLE> 
タン <SCRTPT LANGUAGE= "JavaScr1pt"> 


く ! ニ ーー 
function wopen( ) { window.open( "bay .htm1" , "WindowOpen1" , 








"too1bar=no, 1ocation=no,d1irectories= 
no,width=300,hetght=250") : 月 トーーー 
} |y/ 
//---> ィ 
</ SCRTPT> 2 
< く /HEAD> 『 
<BODY BGCOLOR="#FFFFFF" onUn1oad= "wopen ( ) "> を 
* ペ ー ジ を 抜け る 時 に 新しい ウィ ンド ウ を 開く 操 
</BODY> 人 
</HTML> る 
「onUnload」 を 使用 する 時 の 注意 


イベ ント ハン ドラ 「onUnload] を 使っ て 複雑 な 処理 を させ る と 、0S や バー ジョ ン に 関 
係 な く 、 ブ ラウ ザ の 動作 が 不安 定 に な る 場合 が あり ます 。 
「onUnload」 を 使用 する 時 は 、 十 分 な テス ト の 上 で 使用 し て くだ さい 。 
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[プロ パテ ィ ] 
[プロ パテ ィ ] 





本 





開い た ウィ ンド ウ か ら 元 の ウィ ンド ウ を 採 作 する 


サブ プッ メー ュー | 


* サ ブウ ィ ン ド ウ 
"番目 の PaWW 





解 「openerl は 、 元 の ウィ ンド ウ を 参照 する プロ パテ ィ で す 。 

記 サン プル で は 、 サ プ ウ ィ ン ド ウ 内 の リン ク が クリ ッ ク さ れる と 、「opener.location. 
hrefl で サ プ ウ ィ ン ド ウ を 開い た メイ ン ウ ィ ン ド ウ が 参照 され 、 メ イン ウィ ンド ウ に 
「GoWin()」 内 で 指定 し て いる URL が ロー ド さ れ ま す 。 
また 、 リ ンク が クリ ッ ク さ れ た 時 に メイ ン ウ ィ ン ド ウ が 閉じ られ て いて も 、「closed] 
プロ パテ ィ が ウィ ンド ウ が 閉じ られ て いる 状態 を 取得 し ます の で 、「opener.closed] 
が 真 と な っ て 新た に ウィ ンド ウ が 開き 、 そ こ に ペー ジ が 読み 込ま れ ます 。 
JavaScript1.1 で 追加 され た メソ ッ ド で す 。 

Internet Explorer で は 、「closed] プロ パテ ィ が うま く 機 能 し ませ ん 。 


遇 


KO 【 メ イン ウィ ンド ウ 】 
2 <HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScr1p1 .1"> 
室 ー ニ ニー 
Funotion SWwopen ( ) { 
window . open ( "menu . htm1 " , "SWindow" , "上 oo1ba エ =nO, ee 


wwxvo 六 


=nO , direotories=noO , St 上 atus=no , menuba エ =nO , SC エ Fo] 1ba エ 8=nO , 
res1zab1e=no , w1dth=200 ,height=300" ) : } 

/:/ー ニ ニー みあ 

< く / SCRTPT> 

</HEAD> 
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<BODY BGCOLOR="#FFFFFEF"> 

* 開 いた ウィ ンド ウ か ら 元 の ウィ ンド ウ を 操作 する <P> 

< く FORM> 

<TNPUT TYPE="button" NAME= "Type9" VALUE=" サ プ メ ニュ ー" on 
C1ick= "SWwopen ( ) "> | 
</FORM> 

</ BODY> 

< く / HTML> 





【 サ ブウ ィ ン ド ウ 】 
<HTML> 
<HEAD> 
<TTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaSoript1 .1"> 
で ポー ニニ 
function GoWin(WO) { 
if (opener.c1osed) { 
NewWin=window .open ("", "MWindow" ) : 
NewWin .1ocation . hrefF=WO: 
} 
else { opener.1ocation .hrefF=WO } 
| 
ん が ー ュ デ 
</ SCRTPT> 
< く /HEAD> 
<BODY BGCOLOR="#FFFFFF "> 
<B>* サ プ ウ ィ ン ド ウ </B> 
< く P> 
・<A hrefF="]avascript :GoWin ( 'page1 .htm1 ' ) ">1 番 目 の Page</A> 
く P> 
・<A href="]avaSscr1pt :GoWin ( 'page2 .htm1 ' ) ">2 番 目 の Page</A> 








<P> RE] 
・<A href="]avasoript :GoWin ( 'page3 . htm1 ' ) ">3 番 目 の Page</A> ウ 
< く P> イ 
・<A href="]avaSscript :GoWin ( '14win .htm1] ' ) "> 元 の Page< /A> ン 
<P> 
</BODY> を 
</HTML> 操 

作 

す 

る 
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[メソ ッ ド ] 









woe 2 で 追加 され た windowoperO の 属性 を 使用 


PT 





- ウ ンド つの 外 必 400x400 ピ クセ 7 
人 の ブレ イ の 左上 角 か ら の 表示 位置 20OX200 ビ クセ 





JavaScript1.2 の 「open()」 メ ソ ッ ド で 追加 され た ウィ ンド ウ 属 性 は 、 次 の 通り で す 。 
3 衣 「outerWidth] と 「outerHeightl は 、 そ れ ぞ れ ウ ィ ン ド ウ の 外側 の 幅 と 高 さ を 、 ピ クセ 


L/ 


に 


ーー ル 単 位 で 指定 し ます 。 外 側 の サナ サイズ な の で 、 ツ ー ル バー や ロケ ーション ボッ クス な 

ウ ど が あっ て も な く て も 、 ウ ィ ン ド ウ の サイ ズ は 変わ り ま せん 。「lefkl と [top」 は 、 新 
和 し く 開 く ウィ ンド ウ の 左上 角 の 位置 を 、 デ ィ ス プレ イ の 左上 角 の 上 か ら と 左 か ら の 
ド ピク セル 単位 で 指定 し ます 。 
サン プル で は 、 ボ タン を クリ ッ ク し た タイ ミン グ で 、 デ ィ ス プレ イ の 左上 角 か ら 左 
に へ 200 ピ クセ ル ・ 下 へ 200 ピ クセ ル の 位置 に 左上 角 が くる よう に 、 ツ ー ル バー も 含め 
す て 幅 400 ピ クセ ル ・ 高 さ 400 ピ クセ ル の ウィ ンド ウ を 開い て いま す 。 

FR <HTML> 

に <HEAD> 

回 <TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaSoript1 .2"> 
ご ルーー 
function WO4_0(){ 
Var WO: 
WO=window .open ("" "Win4", "Eoo1bar=yes , 1ocation=no, dire 
ctories=no , OuterW1dth=400 , outerHeight=400 , 1eFt=200,top=200『): 
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WO .document . open( ) : 
WO . document . write ( "<HTML><TTTTLE>W1n4 . 0</TTTTLE> 53 
WO . document . write ( "</HEAD> に 
WO . document . write ( "<BODY> WO 
WO . document .write ("・ ウ ィ ン ド ウ の 外周 : 400x400 (ピク セル ) ") : 
WO . document . write ( "<BR> 0 
WO .document . write ("・ デ ィ ス プレ イ の 左上 角 か ら の 表示 \ 位 置 :200X200 ( 

ピク セル ) ") : み 
WO .document . write ( "</BODY> ") : 
WO .document . write ( "</HTML> 上 
WO . document .c1ose ( ) : 

} 

4 ん ーー 

< く / SCRTPT> 

く / HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

*JavaSoript1 . 2 で 追加 され た window . open ( ) の 属性 を 使用 する <P> 

<FORM NAME= "WO4"> 











<TNPUT TYPE="bDutEton" NAME= "wo4" VALUE="Open!!" onC1ick 
="WO4_0() "> 用 
</FORM> 

</BODY> 

</ HTML> 

「open()」 の 属性 を 使用 する 時 の 注意 


JavaScript1.2 で 追加 され た 「open()」 の 属性 の 内 、「alwaysLowered」・「always 
Haised] ・「z-lockl は 、「Signed Script」 内 で 設定 する 必要 が あり ます 。 

また 、「innerWidth」 ・「innerHeight」・「outerWidth」 ・「outerHeight」 で ウィ ンド 
ウサ イズ を 100x100 ピ クセ ル 以 下 に 指定 する 場合 や 、「screenX」 ・「screenY」 で ディ 
スプ レイ の 表示 領域 外 に ウィ ンド ウ 表 示 位 置 を 指定 する 時 、「titlebar」 の 指定 で タイ ト 
ル バ ー を 表示 し な いよ うに 指定 する 時 に も 、「Signed Script」 内 で 設定 する 必要 が あり 
ます 。 


「alwaysLowered] ・「alwaysRaised」 ・「z-lock」 は 、 そ れ を 表示 する プラ ッ ト ホ ー 
ム に よっ て 動き が 異な る 場合 が あり ます 。 例え ば [Z-lock」 の 場合 、 Windows95 版 で は 、 
他 の アプ リケーション の ウィ ンド ウ が 開い て いて も 、 そ れ ら より 後ろ に 新しい ウィ ンド 
ウ が 開 さ ます 。 と ころ が 、Macintosh 版 の 場合 、 他 の アプ リケーション の ウィ ンド ウ が 
ある と 、 そ の ウィ ンド ウ よ り 前 に 新しい ウィ ンド ウ が 開く 場合 が あり ます 。 
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の 慎 某 藩 計 ゴ テ V ヽ 二 | 


[メソ ッ ド ] 


ウィ ンド ウ を 前 に 出す 


レー 0pen2 | 





解 


「focus0]」 は 、 ウ ィ ン ド ウ に フォ ー カ ス を あたえ る メソ ッ ド で す 。 


朋 』 サン プル で は 、 ウ ィ ン ド ウ が 新しく 開い た り 、 新 し く 開 いた ウィ ンド ウ が 書き 変わ っ 


た 時 に 、 も し も その ウィ ンド ウ が 他 の ウィ ンド ウ の 後ろ に 隙 れ て いて も 、1 番 手前 
に 移動 し ます 。 
JavaScript1.1 で 追加 され た メソ ッ ド で す 。 


<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScrip て 1 .1"> 
く !ー ニ ーー 


Function wopen1 ( ) { 


Yar WO1: 

WO1=window . open ( "" , "WindowFocus1" , "Eoo1bar=no , 1oca 
tion=no,direotories=no , w1dth=300,height=450") : 

WO1 .Eocus ( ) : 


WO1 .documentt . write ( "<HTML><TTTLE>WF1</TTTLE></HEAD>" ) : 
WO1 .document . write ( "<BODY BGCOLOR= '#FFFFFF "> La 
WO1 . document .write ( "<B>*Open1 の 絵 </B> ")』 
WO1 .document . write ( "<P> *) 
WO1 . document . write ( "<TMG NAME='1image1' SRC='image1 .gif' 
ALT='TMAGE1 > 『")』 | 
WO1 .document . write ( "</BODY> ") : 
WO1 . document . write ( "</HTML> ") ・ 
WO1 . document .c1ose( ) : 
} 


) : 
) 


7 


304 window オブ ジェ クト 


Function wopen2 ( ) { 


Var WO1: 
WO1=window . open ( "" , "WindowFocus1" , "too1bar=no, ce 
tion=no,directories=no , w1dth=300 , height=450") 


WO1 .Eocus( ) : 

WO1 . document . write ( " <HTML><TTTTE>WF2</TTTTLE></HEAD>" ) : 

WO1 . document .write ("<BODY BGCOLOR= '「#FFFFFF '> の: [E40 
WO1 . document . write ( "<B>*Open2 の 絵 </B> 9 [Eso_ 


WO1 . documen .W エ ie ( "<P> DA 
WO1 .document .write ("<TMG NAME='1mage2' SRC='image2 . 

91fF' ALT='TMAGE2'> "): | 
WO1 .document .write ( "</BODY> Be 
WO1 .document . write ( "</HTML> 9)』 
WO1 .document .c1ose( ) : 


} 


/7/ー ニ ニー ニシ 

</ SCRTPT> 

</HEAD> 

< く <BODY BGCOLOR= "#FFFFEFF "> 

* ウ ィ ン ド ウ を 前 に 出す <P> 

<FORM> 

<TNPUT TYPE="buEon" NAME= "Type11" VALUE="Open1!!" on 
C1ick="wopen1 ( ) "> 肖 
<TNPUT TYPE="but て ton" NAME= "Type11" VALUE="Open2!!" on 
C1ick="wopen2 ( ) "> 5 
< く /FORM> 

</BODY> 

< く /HTML> 








の 圭 藩 束 ゴ テ Y ヽ 旧 


2 小さ な ウィ ンド ウ を 開く と き の 注 意 


「window.open0」 の ウィ ンド ウサ イズ 指定 で 、 ウ ィ ン ド ウ の 横幅 が ステ ー タ スバ ー 内 の 
ファ イル の 読み 込み 状況 を 示す バー より も 小さ く 指 定 され て いる と 、Macintosh PPC 版 
Netscape Navigator3.0 で は 、 シ ステ ム エ ラ ー を 起こ すこ と が あり ます 。 
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[メソ ッ ド ] 













ウィ ンド ウ を 後ろ に 送る 


始め に ウイ ンド ウ を 開き ます 


* 下 の ボタ ン を 押す と 、 この ウイ ンド ウ が 後ろ に 移動 し ます 。 


- 





* ウ ィ ン ドウ を 後ろ に 送る 


始め に ウイ ンド ウ を 開き ます 


本 


* 下 の ボタ ン を 押す と 、 


ピ 


aeefsa 
5 
ウ 
測 
2 
ド 
由 「blrrO! メ ソ ッ ド は 、 ウ ィ ン ド ウ か ら フ ォ ー カ ス を 移動 させ ます 。 
大 叶 呈 サン プル で は 、 複 数 の ウィ ンド ウ が 開い て いる 時 に ボタ ン が 押さ れる と [window. 
す blur)」 が 評価 され 、 ウ ィ ン ド ウ が 後ろ に 回 り ます 。 
る JavaScript1.1 で 追加 され た メソ ッ ド で す 。 
有 <FORM> 


< く TNPUT TYPE="button" NAME= "WindowB1ur1" VALUE=" 後ろ へ !! 抽 
onC1ick= "window .b1ur( ) "> 
</FORM> 
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window . 1nnerHe1ght [プロ パテ ィ ] 
window.1nnerW1idth [プロ パテ ィ 1] 
window.outerHe1ght [プロ パティ 1] 
window .outerW1dth [プロ パテ ィ 1] 


* ウ ィ ン ド ウ の 外周 内 時 する - ーー 
ウィ ンド ウ の 高 さ (内 側 D156 * ネ ウィンド ウ の 外周 * 内 周 を 取得 する 

ドウ 内 側 )438 
人 192 


ウィ ンド ウ の 幅 ( 外 側 )450 ウィ ンド ウ の 和 幅 ( 内 働 )3 
ウィ ンド ウ の 高 さ (外側 )315 
ウィ ンド ウ の 幅 ( 外 働 )324 





解 linnerHeightl ・「innerWidh] プ ロ パ ティ は ウィ ンド ウ 内 の 表示 領域 の 高 さ と 幅 の 値 
表記 を 、「outerHeight] ・「ourerWidh] プ ロ パ テ ィ は ツー ル パ ー や ステ ー タ スパ ー な ども 
含め た ウィ ンド ウ の 外側 の 高 さ と 幅 の 値 を 、 そ れ ぞ れ 持 っ て いま す 。 
これ ら は 、JavaScripr1.2 で 追加 され た プロ パテ ィ で す 。 


の <HTML> 
<HEAD><TTTLE></TTTLE></HEAD> 
円 <BODY BGCOLOR="#FFFFFF"> 
* ウィンド ウ の 外周 ・ 内 周 を 取得 する <P> 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
に りー 
document .write ("ウィ ンド ウ の 高 さ (内 側 ) : " , window. 1nnerHeight ) : 
documen .wriEe ( "<BR>" ) : 
document .write ("ウィ ンド ウ の 幅 (内 側 ) : " , window . innerWidth ) : 
document . write ( "<BR>" ) : 
document .write ("ウィ ンド ウ の 高 さ (外側 ) : " , window .outerHetght ) : 
document . write ( "<BR>" ) : 
document .write ("ウィ ンド ウ の 幅 (外側 ) : " , window . outerWidth ) : 
ニー 
</ SCRTPT> 
</ BODY> 
< く /HTML> 


寺 落 テマ ふ | 
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DNS zN だ SS: | 








[メソ ッ ド 1] 
ディ スプ レイ 左上 か ら 下 方 向 (ピクセル) 
ディ スプ レイ 左上 か ら 石 方 向 (ピク セル ) 


* ブ ラウ ザ を 指定 し た 位置 へ 移動 する 
(画面 の を 上 の 角 が 基準 


! 弄 や * 外 9 ウー 


window オ プ ジ ェ クト の [moveTo()]」 メ ソ ッ ド は 、 ピ クセ ル 単 位 で 指定 し た 位置 (xy) 
へ 、 ウ ィ ン ド ウ を 移動 させ ます 。 

サン プル で は 、 ウ ィ ン ド ウ が どこ の 位置 に 表示 され て いて も 、 ボ タン を クリ ッ ク す 
る こと に よっ て 、 デ ィ ス プレ イ の 左上 角 か ら 下 へ 100 ピ クセ ル ・ 右 へ 100 ピ クセ ル の 
位置 に ウィ ンド ウ の 左上 角 が くる よう に 移動 し ます 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


<HTML><HEAD><TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScrip1 .2"> 

く ! ーー 

function MVto() { window.moveTmo(100,100) } 
//ーー テ > 

</SCRTPT> 

く / HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

* プ ラウ ザ を 指定 し た 位置 へ 移動 する (画面 の 左上 の 角 が 基準 ) <P> 
<FORM NAME= "MVTO"> 


<TNPUT TYPE="button" NAME="mvto" VALUE=" ムー プ to!!" on 一 
C1ick= "MVto( ) "> 月 
< く /FORM> 
</ BODY> 
</ HTML> 
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window .moveBy (x, ) [メソ ッ ド ] 
トコ 水平 方 向 へ の 移動 量 (ピクセル) 
Y 垂直 方 向 へ の 移動 量 (ピク セル ) 








ー。| * ブ ラウ ザ を 指定 し た 分 量 す つづ 移動 す る 
| 平方 司 と 垂下 方 ( 向 の 移動 量 を 指定 








「moveBy(0] メ ソ ッ ド は 、 ピ クセ ル 単 位 で ウィ ンド ウ を 移動 させ ます 。 

負 記 サン プル で は 、 ポ ボタ ン を クリ ッ ク す る ご と に 、 ウ ィ ン ド ウ が 右 へ 100 ピ クセ ル ・ 下 
へ 100 ピ クセ ル ず つ 移 動 し ます 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 





R < く HTMTL> 

< く HEAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScrip1 .2"> 

に っ ーー 

Function MVby ( ) { window .moveBy(100,100) } 
が ーー 

</ SCRTPT> 

< く /HEAD> 

<BODY BGCOLOR="#FFFEFFEF"> 

* プ ラウ ザ を 指定 し た 分 量 ずつ 移動 する (水平 方 向 と 垂直 方 向 の 移動 量 を 指定 ) <P> 
<FORM NAME= "MVBY"> 


1 に Nr.N だ で 』 





<TNPUT TYPE="button" NAME="mvby" VALUE=" ムー プ by!!" on 
C1iok="MVby ( ) "> | 
く /FORM> 

</ BODY> 

</HTML> 
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[メソ ッ ド ] 
ウィ ンド ウ 左 上 角 か ら 垂 直方 向 (ビク セル ) 
ウィ ンド ウ 左 上 角 か ら 水 平方 向 (ビク セル ) 






EE 伸 ま | 


ジック サ の 大 9 て リサ イズ する (ウィ ンド ウ の サイ ズ を ピク セル 単位 


3 0 0 ピク セル 








解 [resizeTo0]」 メ ソ ッ ド は 、 ピ クセ ル 単 位 で 指定 し た サイ ズ に ウィ ンド ウ を リサ イズ し 
月 史 ます 。 
サン プル で は 、 ボ タン を クリ ッ ク す る と 、 ウ ィ ン ド ウ の 左上 角 を 基準 に 、 縦 横 300 
ピク セル に リサ イズ し ます 。 


ーー JavaScript1.2 で 追加 され た メソ ッ ド で す 。 
ウ 
NN 3 <HTML><HEAD><TTTLE></TTTTLE> 
ド ン <SCRTPT LANGUAGE= "JavaScript1 .2"> 
ウ 較 。<!ーー 
失 Function RSto( ) { window.resizemo(300,300) } 
作 / ニ ニテ 
0 </ SCRTPT> 
る </HEAD> 


<BODY BGCOLOR= "#FFFFFF "> 

* プ ラウ ザ の 大 き さ を 指定 し て リサ イズ する (ウィ ンド ウ の サイ ズ を ピク セル 単位 で 指定 ) <P> 
<FORM NAME= "RESTO"> 

< く TNPUT TYPE="butEton" NAME="resto" VALUE=" リサ イズ to!!" on 
C1ick="RSEo( ) "> | 
く /FORM> 

</ BODY></HTML> 
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[メソ ッ ド ] 
底辺 の リサ イズ 量 (ビク セル ) 
右辺 の リサ イズ 量 (ピク セル ) 





| 














解 [resizeBy0] メ ソ ッ ド は 、 ウ ィ ン ド ウ の サイ ズ を ピク セル 単位 で 変更 し ます 。 
月 記 サン プル で は 、 ウ ィ ン ド ウ の 底辺 と 右辺 が 、 ボ タン を クリ ッ ク す る ご と に それ ぞ れ 
50 ピ クセ ル ず つ 広 が り ま す 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


R 7 < く HTML> 

の < く HEAD> 

<TTTLE></ TTTLE> 

<SCRTPT LANGUAGE= "JavaScript1 .2"> 

< く ! ニー 

function RSby ( ) { window.resizeBy(50,50) } 

// ーー テ > 

< く / SCRTPT> 

</ HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

* プ ラウ ザ を 指定 し た 分 量 ず つ リ サイ ズ す る (底辺 の 角 が 基準 ) <P> 

<FORM NAME= "RESBY"> 

<TNPUT TYPE="button" NAME="resby" VALUE=" リサ イズ by!!" on 
C1ick="RSby ( ) "> 』 
</FORM> 

</ BODY> 

</HTML> 


cawwwsxvo 因 
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和 ME 
ウ 
イ 
ン 
ド 
交 
を 
操 
作 
す 
る 


window. Cro11 ( 到 ,) [メソ ッ ド ] 





| 1 9 
1 








* ウ ィ ン ド ウ を スク ロー ル す る 


まぁ な ん て いう か 、 
スク ロー ル 中 は 何 も で き な く な る 
の が 残念 で すね 。 


解 





220- ル 間 t | 
まぁ な ん て いう か 、 


スク ロ og 
の が 残念 で す 


あな ん て いう が 、 
スク ロー ル 中 は 何 も で き な く な る 
の が 残念 で すね 。 





「scroll0] メ ソ ッ ド は 、x 軸 ・y 軸 を ピク セル で 指定 し 、 指 定 し た 位置 まで プラ ウザ を 


有史 スク ロー ル さ せま す 。 


ンク 


サン プル で は 、for 文 で y 軸 に 数 値 を 代入 し 続け 、 プ ラウ ザ を 縦 方 向 に スク ロー ル さ 
せ て いま す 。 

for 文 で 式 を ルー プ さ せ て いる だ け な の で 、 実行 速度 は マシ ン パ ワー に 左右 され 、 実 
行 中 は 他 の 動作 を 受け 付け な く な り ま す 。 

JavaScript1.1 で 追加 され た メソ ッ ド で す が 、Netscape Navigator2.0 で も 動作 し ます 。 


<HTMTL> 

< く HEAD> 

<TTTLE></ 呈 エ TLE> 

<SCRTPT LANGUAGE= "JaVaScr1Dpt 上 "> 

0 に テコ 

Function SCLL() { 
For (Var =0: 1<150: ュ ++) { window.scro11(0,1) } 
For (1=149: 1>=0: ュ ユー-) { window.scro11(0,1) } 

ん ーー ニン 

< く / SCRTPT> 

< く / HEAD> 
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<BODY BGCOLOR= "#FFFFFF "> 
* ウ ィ ン ド ウ を スク ロー ル す る <P> 
<FORM> 
<TNPUT TYPE= "button" NAME= "SCLL1" VALUE=" ス クロ ー ル 開始 ! ! " 
onC1ick=" SCLL ( ) "> 内 
< く /FORM> 
<P> 
まぁ な ん て いう か 、<BR> 
スク ロー ル 中 は 何 も で き な く な る <BR> 
の が 残念 で すね 。 
< く BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
< く BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
に 
</ BODY> 
</ HTML> 














の 計 革 落 時 させ テ ざ ヽ 二 昌 


「scroll()」 を 使用 する 時 の 注意 


Windows 版 の Netscape Navigator で は 、"scroll(x.y)" で スク ロー ル 位 置 を 指定 し て 
いて も 、 そ の 範囲 - ドキュメント が な けれ ば ドキ ュ メ ント が ある 範囲 し か スク ロー ル し 
ませ ん 。 

また 、 フ レー ム や 「window.open()」 の 指定 で スク ロー ル バ ー を 出 な いよ うに 指定 し て 
いて も スク ロー ル し な い の で 、 注 意 し て くだ さい 。 


window オブ ジェ クト 313 


window. scro11 (x, て ) [メソ ッ ド ] 
ト ウィ ンド ウ 左 上 角 か ら 垂 直方 向 (ビク セル ) 
Y ウィ ンド ウ 左 上 角 か ら 水 平方 向 (ビク セル ) 








* フ レー ム を スク ロー ル す る 







ォ * フ レー ム を スク ロー ル す る 


フレ ー ム 内 の 文字 を スク ロー ル 
5 


ォ フ レー ム を スク ロー ル す る 





2 サン プル で は 、 フ レー ム 内 の ウィ ンド ウ を 、「scroll()」 メ ソ ッ ド の x 軸 の 値 に 「set 
Timeour()」 で 、 一 定時 間 ご と に i の 値 に 1 ずつ 加え な が ら 代入 する こと に よっ て 、 横 
に スク ロー ル さ せ て いま す 。 

一 定時 間 に 処 理 を 繰り 返し て いる の で 、 実行 中 は 他 の 動作 を 受け 付け な く な る よう 
な こと は あり ませ ん 。 

スク ロー ル さ せる 文字 は 、<NOBR> タ グ を 使っ て 改行 され な いよ うに し て いま す 。 
JavaScriptl.1 で 追加 され た メソ ッ ド で す が 、Netscape Navigator2.0 で も 動作 し ます 。 


cms 症 
ミ 


の 【 フ レー ム 部 分 】 

削 <Hvr> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<FRAMESET ROWS="80,* リ > 
<FRAME SRC=" 下 1 .htm1" name="F1"> 
<FRAME SRC="FfF2 .htm1" name="F2"> 

< く /FRAMESET> 
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< く NOFRAMES> 

フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の プラ ウザ で 試し て くだ さい (^_^) 。 
</NOFRAME'S> 

</HTML> 


【f1.html 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScC エ 1pt "> 

で ニニ ー 

Var 1 ユ =Oz: 

Var MOZT = 3200 : 

var ST = 50 : 

function SCLL2() { 

if ( i < MOZT) {( 1 = ュ +2 : 

window. SCro11(1,0) : 
} 


setTimeout ("SCLL2()", ST) : 
} 
(ビニ ェ テ 
</ SCRTPT> 
</ HEAD> 
<BODY BGCOLOR= "#FFFFFF" onLoad="SCLL2 ( ) "> 
<NOBR> 
<FONT STZE=6> ヲ アル レー 


ム 内 の 文字 を スク ロー ル し ます . . . 。 NOBR の 指定 と setT1meout 上 が ポイ ント で す 。for 
文 を 使う と スク ロー ル 中 は 何 も で き な く な っ て し まい ます 。Windows で は スク ロー ル バ ー 
を "No" に し て いる と うま ぐ く 行 か な い 時 が あり ます 。</FONT> 

</NOBR> 

</ BODY> 

</ HTML> 


【f2.html 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR="#FFFFFF"> 
* フ レー ム を スク ロー ル す る 
</BODY> 

</ HTML> 
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[メソ ッ ド 1] 
ウィ ンド ウ 左 上 角 か ら 垂 直方 向 (ピク セル ) 
ウィ ンド ウ 左 上 角 か ら 水 平方 向 (ビク セル ) 











解 「scrolITo0] メ ソ ッ ド は 、 JavaScript1.1 の [scroll0] メ ソ ッ ド を 拡張 し た も の で 、 ピ ク 
育 記 セル 単位 で 指定 し た 位置 へ 、 ウ ィ ン ド ウ の 表示 領域 を 移動 させ ます 。 

「scroll0] メ ソ ッ ド も 、 以 前 まで と 互換 を 保つ た め 使用 可能 に な っ て いま す 。 
サン プル で は 、「 ス クロ ー ル rolll ボ タン を クリ ッ ク す る と 、 ウ ィ ン ド ウ の 表示 領域 の 
左上 角 か ら 、 上 へ 100 ピ クセ ル ・ 左 へ 100 ピ クセ ル の 位置 に ウィ ンド ウ の 表示 領域 が 
移動 し 、「 戻 す 中 ボタ ン を 押す と 元 の 位置 へ 戻り ます 。scrollBy()( 次 項 ) と 違い 、1 度 
表示 領域 が 移動 する と 、 そ れ 以 降 は 、、 ボ タン を クリ ッ ク し て も 表示 位置 は 変わ り ま 
せん 。 
表示 領域 は スクロール バ ー が 出 て いる 範囲 で し か 移動 で き な い の で 、 サ ンプ ル で は 、 
1000X1000 ピ ビク セル の レイ ヤー を 設定 する こと に よっ て 、 ス クロ ー ル バー が 出る よ 
うに し て いま す 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


の 慎 圭 藩 時 ゴ テ Y ヽ 二 
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<HTML> 
<HEAD> 





<TTTLE></TTTLE> 
<SCRTPTT LANGUAGE= "avaSCr1ipt1 .2"> [NN0_ 
<20ー [NN 
Function SREo1 ( ) { window. scro11mo(100,100) } 
Function SRo2 ( ) { window.scro11Tmo(-100,-100) } 
が ニー テ 
</ SCRTPT> 
</ HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
<LAYER NAME="LAY1" TOP=0 LEFT=0 WIDTH=1000 HETGHT=1000> 
<FORM> 
<TNPUT TYPE="button" NAME=" srto" VALUE=" スク ロー ル to!!" on 
C1ick= "SRto1 ( ) "> Jl 
< く /FORM> 
* プ ラウ ザ を 指定 し た 位置 まで スク ロー ル す る (ウイ ンド ウ の 左上 の 角 を 基準 に ピク セル で 指定 ) 
</LAYER> 
<LAYER NAME="LAY2" TOP=100 LEFT=100 WTDTH=30 HETGHT=1000> 
<FORM> 
<TNPUT TYPE="button" NAME="srto" VALUE= "戻す!!" on 
C11iock=" SRto2 ( ) "> J 
く /FORM> 
< く /LAYER> 
</ BODY> 
</ HTML> 








村落 さ デュ ふ | 
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[メソ ッ ド ] 
水平 方 向 (ビク セル ) 
垂直 方 向 (ビク セル ) 









100 ピ クセ ル ず つつ 移動 し ます 。 

Windows 版 の Nerscape Navigator の 場合 、 表 示 領 域 は スク ロー ル バ ー が 出 て いる 範 
囲 で し か 移動 で きま せん 。 そ こ で サン プル で は 、1500X1500 ピ クセ ル の レイ ヤー を 
設定 する こと に よっ て スク ロー ル バ ー が 出る よう に し 、 そ の 親 レ イヤ ー 内 の 上 か ら 
500 ピ クセ ル ・ 左 端 か ら 500 ピ クセ ル の 位置 に 子 レ イヤ ー を 作り 、 そ こ に ボタ ン を 設 
定 し て いま す 。 な お 、Macintosh 版 の Nertscape Navigator は 、 ス クロ ー ル バー が 出 て 
いな い 場 合 で も スク ロー ル 可 能 で す 。 

JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


秩 隊 記 W ォ ブ ラ に ー 示 0 H 
ーー で 叶 定 し た 分 量 す つ スク ロー ル す る (表示 され て いる 領域 の 水平 方 
ッ 一 ーー 
有 ー aaa 
ド 
2 同 較 |:olBy0」 メ ソ ッ ド は 、 ウ ィ ン ド ウ の 表示 領 城 を ピク セル 単位 で 移動 し ます 。 
数 蝶 】 サン プル で は 、 ボ タン を クリ ッ ク す る ご と に 、 表 示 領 域 が 右 へ 100 ピ クセ ル ・ 下 へ 
る 
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<HTML> 
< く HEAD> 
<TTTLE></TTTLE> トー 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
に の 3 
Function SRDby ( ) { window.scro11By(-100,-100) } 
ルー の 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
<LAYER NAME="LAY1" TOP=0 LEFT=0 WTDTH=1500 HETGHT=1500> 
<LAYER NAME="LAY1" TOP=500 LEFT=500 WTDTH=600 HETGHT 
=100> 用 
* プ ラウ ザ を 指定 し た 分 量 ず つ ス クロ ー ル する (表示 され て いる 領域 の 水平 方 向 と 垂直 方 向 に 
対し て 指定 ) 』 
<FORM> 
<TNPUT TYPE= "button" NAME="srby" VALUE=" スク ロー ル by!!" on 
C1ick="SRby ( ) "> 
</FORM> 
</LAYER> 
</LAYER> 
</ BODY> 
</HTML> 








の 計 革 落 させ テ ヽ I 
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ォ ウ ィ ン ドウ 内 の 文字 を 検索 する 


を Script" と は 、 Ne 圭 が ウエ ッ プ ペー ジ の 
人 Sc を た に NestedH ど 


nm が 書 H r 
8 2 Chet Explorer 90D 欄 の ウザ 計 





語 語 早 [? 斑 fdO! メ ソ ッ ド は 、 ウ ィ ン ド ウ 内 の 文字 列 を 検索 し 指定 され た 文字 列 が 発見 され た 
ウ 良 記 時 に 、true( 真 ) ま た は 人 lse( 偽 ) を 返す よう に 設定 する こと が で きま す 。 
抽 サン プル で は 、 フ ォ ー ム に 入力 され た 文字 列 が ウィ ンド ウ 上 に 含ま れ て いる か どう 
ド か を 検索 し 、 結 果 を 警告 用 の ダイ アロ グ ボ ックス に 表示 し て いま す 。 
\ JavaScript1.2 で 追加 され た メソ ッ ド で す 。 
上 0 <HTMTL> 
る 名 <HEAD> 
回 <TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaScrip1 .2"> 
ここ 
Funotion FTN(i) 【{ 
tf ( window.EFind( 1, も true) ) { alert ("文字 列 "+ ュ + Cd 
され まし た ") } 
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e1se { a1ert ("文字 列 " + 1 + "は 発見 され ませ ん で し た ") } 
} 


ーッ 
</ SCRTPT> INN4o 
INNMW 


</HEAD> 

<BODY BGCOLOR="#FFFFFF "> 
* ウ ィ ン ド ウ 内 の 文字 を 検索 する <P> 
< く HR> 

<BLOCKOUOTE> 


<B> "JavaScript "</B> と は 、Netscape 社 が ウエ ッ プ ペー ジ の 処理 能力 を 高め る 
た め に 開発 し た <B> "LiveScript"</B> を 元 に 、 Netscape 社 と Sun が 共同 で 開発 
し た <B>8crip 言 語 </B> で 、 現在 Netscape Navigator 2 .0 以 降 の プラ ウザ 
と Tnternet Explorer 3 .0 以 降 の ブラ ウザ て で 対応 され て いま す 。 
</BLOCKOUOTE> 

< く HR> 

<FORM> 

< く TNPUT TYPE= "Et 上 ex 上" NAME="Fin1" VALUE="" STZE=30> 

<TNPUT TYPE= "button" NAME= "Fin2" VALUE=" 検索 !!" onC1iock 
= "FTN(Fin1 .va1ue) "> 朋 
</FORM> 

</ BODY> 

< く /HTML> 








の 寺 落 放さ 計 昌 
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opener .back( ) ー「 戻 る ] ボタ ン [メソ ッ ド ] 


opener.Forward()  ー「 進 む ] ボタ ン [メソ ッ ド ] 
opener .home ( ) ー「 ホ ー ム 」 ボタ ン [メソ ッ ド ] 
opener . 5Eop( ) ー「 停 止 」 ボタ ン [メソ ッ ド ] 








ォ * ブ ラウ ザ を 制御 する ボタ ン を 作る 





解 「back0] メ ソ ッ ド は プラ ウザ の 「 戻 る 」(Back) ボ タン で 参照 され る の と 同じ 1 つ 前 の ウィ 
編 ンド ウ の URL を 、「forward()]」 メ ソ ッ ド は プラ ウザ の 「 進 む 」(Forward) ボ タン で 参照 さ 
れる の と 同じ 1 つ 先 の ウィ ンド ウ の URL を 、「home()]」 メ ソ ッ ド は プラ ウザ の 「 ホ ー ム ] 
(Home) ボ タン で 参照 され る の と 同じ URL を それ ぞ れ 返し ます 。「stop0」 メ ソ ッ ド は 、 
プラ ウザ の 「 停 止 」(Stop) ボ タン を 押し た 時 と 同じ 状態 を 返し ます 。 
サン プル で は 、 プ ラウ ザ の メニ ュー バー の ボタ ン と 同じ 働き を 持っ た ボタ ン が ある 
サ プ ウ ィ ン ド ウ を 開き 、 そ こ か ら 元 の ウィ ンド ウ を 操作 で きる よう に し て いま す 。 
また 、「open0]」 メ ソ ッ ド の 属性 内 の 、「innerWidth]・「innerHeightl は 、 ウ ィ ン ド ウ 
の 表示 領域 の サイ ズ を ピク セル 単位 で 指定 し ます 。 
JavaScrip1.2 で 追加 され た メソ ッ ド で す 。 


NW .document . open ( ) : 

NW .document . write ( "<HTML><HEAD><TTTLE>WTN4 . 0 _ SAMPLE</T エ 
TLE>") | 
NW .document . write ("</HEAD>" ) : 

NW .document . write ( "<BODY>" ) : 

NW .document . write ("<FORM>" ) : 

NW . document .wrie ( "<TNPUT TYPE='butEon' NAME='back' VAL 
UE='Back!!' onC]iok='opener .back ( ) >" ) : 朋 
NW . documen . wie ( "<TNPUT TYPE='butEton' NAME='Forward' 
VALUE= 'Forward!!' onC1ick='opener . Forward( ) '>") : 


も <HTML> 
に と (| > <HEAD> 
| 還 <TTTLE></TTTLE> 
只 <SCRTPT LANGUAGE= "JavaSoript1 .2"> 
に) ベニ ー 
ド function NewWin( ) { 
和 Var NW: 
操 NW=window . open ( "" , "NewW1in1" , "上 oo1bar=no , 1ocation=no , 1 
信 reotories=no, 1nnerW1dth= 400,1innerHeight=100") : | 
る 
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NW . document . write ( "<TNPUT TYPE='jbutton' NAME='home' VAL 
UE='Home!!' onC1iok='opener .home ( ) ">") : 
NW . document .wr1Ee ("<TNPUT TYPE='button' NAME='stop' VAL 
UE='Stop!!' onC1iock='opener. stop( ) ">") : J 
NW . documen . write ( "</FORM>" ) : 

NW . document . write ("</BODY>" ) : 

NW . document . write ( "</HTML>" ) : 

NW.document .c1ose() : 

} 

//ーー> 

</SCRTPT> 

</HEAD> 

< く <BODY> 

* ブ ラウ ザ を 制御 する ボタ ン を 作る <P> 

<FORM> 

<TNPUT TYPE="button" NAME="winopen" VALUE= "Open!!" onC1i 
ck= "NewWin ( ) "> | 
< く /FORM> 

</ BODY> 

</HTML> 








window.1ocationbar.visib1e = / た rue/fa1ge7 | /1/07 [プロ パテ ィ 1] 
window .menubar.Yigible = /true/fa7ge7 | /?/07 [プロ パティ] 


window.persona1bar.visible = /t た rue/ げ fa7ge7 | 71/07 [プロ パティ] 
window.gcro11barg.vigib1e = /Ezue/fa7se7 | //07 [プロ パテ ィ ] 
window.statugbar.Yisib1e = /Erue/fa1ge7 | /7/07 [プロ パテ ィ ] 
window.too1bar.Y1gib1e = / と rue/fa7se7 | /2/07 [プロ バ パティ] 





JavaScriptl.2 対 応 の Netscape Navigator4.0 で は 、 メ ニュ ー バ ー や ステ ー タ スパ バー な 
どの 各種 バー を プロ パテ ィ と し て 持っ て いま す 。 

各種 バー は 、window.locationbar.visible=true や window.locationbar.visible=1 と いう よ 
うに ".visible=[true | 1 ]" と 指定 され て いる 時 は 、 表 示 状 態 に な り ま す 。 逆 に 、 
window.locationbar.visible=false や window.locationbar.visible=0 と いう 様 に 
「 visible=[filse | 0 ]] と 指定 され て いる 時 は 、 非 表示 状態 に な り ま す 。 
これ ら の プロ パテ ィ の 値 は 、 後 か ら で も 変更 可能 で す 。 

これ ら の プロ パテ ィ は 、「Signed Scripr 内 で 設定 する 必要 が あり ます 。 

JavaScript1.2 で 追加 され た プロ パテ ィ で す 。 
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* 入 力 され た URL を 別 フ レー ム に 表示 する 


eZ ahuwasyetem co jp/ 9eW 1 


の 
< 
Si 
QY 


の 圭 藩 トー で l 






ttp//www shuwasystem co_p/ に 


JavaScript が 記述 し て いる フレ ー ム 以外 の フレ ー ム に javaScript の 値 を 引き 渡す 時 は 、 
「paren. 値 を 渡す フレ ー ム 名 . 値 ] と 指定 し ます 。 

サン プル で は 、 フ ォ ー ム 内 に 入力 され た URL の 値 を 「parent.fl.locadion] と し て 、 フ 
レー ムネ ー ム 「fI] の 「 ロ ケー ショ ン の 値 ] に 引き 渡し て いま す 。 

一 見 や や こし そう で す が 、 慣 れれ ば 非常 に 簡単 で 利用 価値 の 高い 用 法 な の で 、 ぜ ひ 
1 度 チ ャ レン ジ し て みて くだ さい 。 

な お 、「locationl プ ロ パ テ {の 使い 方 に 関し て は 、「locarion オ プ ジ ェ クト ] の 「 入 力 さ 
れ た URL へ 進む フォ ー ム を 作る 」](P.354) を 参照 し て くだ さい 。 

また 、 フ レー ム を 抜け て ペー ジ を 表示 する に は 、「parent.top.location.href=URL| と 
[top] プ ロ パ テ ィ を 指定 し ます 。 具体 的 な 使い 方 は 、[Form オ プ ジ ェ クト 」] の 「 ラ ジオ 
ボタ ン を リン ク に 使う ](P.370) を 参考 に し て くだ さい 。 


【 フ レー ム 】 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<FRAMESET ROWS="*,60"> 
<FRAME SRC="fF1 .htm1" NAME="F1"> 
<FRAME SRC="fF2 .htm1" NAME="F2"> 

< く /FRAMESET> 

< く NOFRAMES> 

フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の プラ ウザ で 試し て くだ さい (^_^) 。 

</NOFRAMES> 

< く / HTML> 
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【f1.html 

<HTML> 

< く HEAD> 

< く TTTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFEFF "> 

* 入 力 さ れ た URL を 別 フ レー ム に 表示 する 
</ BODY> 

</HTML> 


【f ら .htmll 
<HTMTL> 
<HEAD> 
<TTTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 
ーーー 
Function LC2 (go) { 
if (go.ur12.value != "") { parent.F1 .1ocation .href= 
9o ur12 .yalue } 
else { alert ( "URL を 入力 し て くだ さい " ) } 
} 
ん /ーーー テ 
</SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
<FORM NAME= "URL2"> 
<TNPUT TYPE="tex" NAME="ur12" VALUE= "http : //" STZE=40 > 
<TNPUT TYPE="Dutton" NAME= "CF2" VALUE=" Go!! " onC1ick= 
"LC2 (this .Eorm) "> | 
</FORM> 
</BODY> 
</HTML> 











上 l <FRAMESET>…「 フ レー ム 」 の 「 フ レー ム の 全体 構成 を 指定 する 」:P.168 参 照 
上 l <NOFRAMES> 一 「 フ レー ム 」 の 「 フ レー ム に 未 対応 の ブラ ウザ 向け の 内 容 を 入れ る :P.176 参 照 
上 !ocation・「location オ ブ ジ ェクト 」 の 「 自 ペー ジ の UHL を 取得 する 」 :P.359 参 照 
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の 圭 藩 守 ト ドー で l 


326 





サン プル で は 、 ボ タン が クリ ッ ク さ れ た 時 に 、2 つ の URL の 値 を 持っ た 関数 を 発生 
月 史 し 、 そ の 値 を 1 度 に 関数 の 処理 へ 引き 渡す こと に より 、 複 数 の フレ ー ム に 新しい ペー 
ジ を 読み 込ん を で いま す 。 こ の よう に 、「parent. フ レー ム 名 .location.hreEURL」 の 処理 
を 複数 設定 する だ け で 、1 回 の 処理 で 複数 の フレ ー ム を 変更 する こと が 可能 で す 。 
実際 に 試す 場合 に は 、 こ の 他 に も "pagel.html" 一 "page3.html" の 3 つの HTML フ ァ イ 
ル を 用 意 し て くだ さい 。 


E 蘭 較 【 フ レー ム 】 
レン <HTML> 
< く HEAD> 

< く TTTLE></TTTLE> 
</HEAD> 


<FRAMESET COLS="120,*"> 
<FRAME SRC="F1 .htm1" NAME="F1"> 
<FRAMESET ROWS="50,50 も "> 
<FRAME SRC="F2 .htm1" NAME="F2"> 
<FRAME SRC="page1 .htm1" NAME="F3"> 
</FRAMESET> 
</FRAMESET> 
<NOFRAMES> 
フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の ブラ ウザ で 試し て くだ さい (^_^) 。 
</NOFRAMES> 
</HTML> 


frame オブ ジェ クト 


【f1.htmll 

<HTML> 

<HEIAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScr1pt "> 

で ぐ !ーーー 

Function CH1(P1,P2) { 
pa と @nt . F2 . 1O 〇 Ca 上 On . heE=P1 : 
parent . 3 . 1OCa 上 ion . hreF=P2 : 

} 

/ / ーー- テ > 

</ SCRTPT> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

<FORM NAME= "CHANG1 "> 


<TNPUT TYPE="DutEton" NAME= "chang1" VALUE=" Change!! " 1 


C1ick= "CH1 ( 'page2 .htm1' , 'page3 .htm1 ' ) "> 
< く /FORM> 

く P> 

<FORM name="CHANG2 "> 


<TNPUT TYPE="button" NAME= "chang2" VALUE=" 元 に 戻す " 1 


C1ick="CH1 ( 'E2 .htm1 ' , "page1 .htm1 ' ) "> 
< く /FORM> 
</ BODY> 
</ HTML> 


【f2.html】 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFEF"> 

* 複 数 の フレ ー ム を 同時 に 変更 する - ボタ ン を 使う -<P> 
</ BODY> 

</HTML> 








有 l window.open0 一 「window オ ブ ジ ェクト 」 の 「 新 し い ウ ィ ン ド ウ を 開く 」:P.296 参 昭 
有 l 及 <NPUT TYPE="button'>ー「Form オ ブ ジ ェクト 」 の 「 ボ タン を リン ク に 使う 」:P.379 参 昭 


だ 


フレ ー ム 内 に ペー ジ を ロー ド す る 時 の 注意 


の 選 圭 藩 時 トー で 旧 


frame オ ブ ジ ェクト を 使用 し て 、「parent. フ レー ム 名 .location.href-URL」 と し て フレ ー ム 
に 新しい ペー ジ を ロー ド し よう と し た 時 は 、Macintosh 版 の Netscape Navigatoro.0 な ど 
の 一 部 ブラ ウザ で は 、2 つ 目 以降 の UHL が 引け ず に エラ ー に な っ て し まう 場合 が あり ます 。 

その よう な 場合 は 、「 複 数 の フレ ー ム を 同時 に 変更 する - リン ク を 使う -」( 次 ペー ジ ) を 参照 


し て くだ さい 。 
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328 


window.open (ORr, フレ ー ム 名 ) 
HREF="Java8cript : 閲 数 " 








元 に 戻す 


-1Page 目 .… ーー や 


解 


* 複 数 の フレ ー ム を 同時 に 変更 する - リ ンク を 使う - 





サン プル の 「window.open(URL, フ レー ム 名 )」 の 部 分 は 、frame オ プ ジ ェ クト と いう よ 


月 史 り は 、window オ プ ジ ェ クト 的 な 用 法 で す 。 


サン プル で は 、 リ ンク が クリ ッ ク さ れ た 時 に 2 つの URL の 値 を 持っ た 関数 を 発生 し 
て 、 そ の 値 を 1 度 に 関数 の 処理 へ 引き 渡す こと に より 、 そ れ ぞ れ の フレ ー ム に 新 し 
い ウ ィ ン ド ウ を 開い て いま す 。 こ の 時 に 、 本 来 の ウィ ンド ウ 名 に 当る 部 分 は 、 フ レー 
ム 名 と し て 取り 扱わ れ ま す 。 

実際 に 試す 場合 に は 、 こ の 他 に も "pagel.huml" 一 "page3.huml" の 2 つの HTML フ ァ イ 
ル を 用 意 し て くだ さい 。 

な お 、 フ レー ム を 抜け て ペー ジ を 表示 する に は 、 |window.open(URL,"_top") 」 と 、 
ウィ ンド ウ 名 に |_top] を 指定 し ます 。 具体 的 な 使い 方 は 、「Form オ プ ジ ェ クト ] の 「 ボ 
タン を リン ク に 使う ] (P.372) を 参考 に し て くだ さい 。 

まま 、 「HREF="JavaScript 関 数 "| の 使い \ 方 は 、「Link オ プ ジ ェ クト | の 「 リ ンク を ボタ 
ン の よう に 使う - 1 -] (P.366) を 参考 に し て くだ さい 。 


【 フ レー ム 】 
<HTML> 
< く HEAD> 
<TTTLE></ 呈 TTLE> 
< く /HEAD> 
<FRAMESET COLS="120,*"> 
< く FRAME SRC="F1 .htm1" NAME="F1"> 
<FRAMESET ROWS="50,50 も "> 
<FRAME SRC="fF2 .htm1" NAME="F2"> 
<FRAME SRC= "page1 .htm1" NAME= "上 3"> 
< く /FRAMESET> 
< く /FRAMESET> 
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<NOFRAMES> 

フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の ブラ ウザ で 試し て くだ さい (^_^) 。 
</NOFRAMES> 

</HTML> 


【f1.html】 
<HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaSCr1p "> 
<!ーーー 
Function CH1 (P1 , P2 ) { 
window.open (P1 "2" ) : 
window .open (P2,"F3" ) : 
} 
ん ーー ニー を 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
<A HREF= "aa8C エ ip も :CH1 ( 'page2 .htm1 ' , 'page3 .htm1 ' ) ">Cha 
nge! ! </A> | 
< く P> 
<A HREF="JavaSoript : CH1 ( 'F2 .htm1 ' , 'page1 .htm1 ' ) "> 元 に 戻す </A> 
</BODY> 
</HTML> 


【f2.html 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 複 数 の フレ ー ム を 同時 に 変更 する - リン ク を 使う -<P> 
</BODY> 

</ HTML> 








上 用具 window.open0 一 「window オ ブ ジ ェクト 」 の 「 新 し い ウ ィ ン ド ウ を 開く 」:P.296 参 昭 
上 MM HREF=*JavaScript: 関 数 "一 「Link-Anchor オ ブ ジ ェクト 」 の 「 リ ンク を ボタ ン の よう に 使う - 1 -」:P.366 参 昭 
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wwer-vv 凡 


* 開 いた ウィ ンド ウ か ら 元 の ウィ ンド ウ の フレ ー ム を 揉 作 する 






サン プル は 、 ウ ィ ン ド ウ 名 と フレ ー ム 名 が 、 同 じ よ うに 取り 扱わ れる こと を 利用 し 
て いま す 。 

フレ ー ム 内 か ら 新 し い ウ ィ ン ド ウ を 開き 、 そ の ウィ ンド ウ か ら <A HREF="URL" 
TARGET= フ レー ム 名 > と いう よう に 、 タ ー ゲ ッ ト ウ ィ ン ド ウ の 設定 に フレ ー ム 名 を 
指定 する こと に より 、 指 定 し た フレ ー ム に ペー ジ を ロー ド し て いま す 。 
実際 に 試す 場合 に は 、 こ の 他 に も る "page1.hml" 一 "page3.html" の 3 つの HTML フ ァ イ 
ル を 用 意 し て くだ さい 。 

[window オ プ ジ ェ クト の 「 開 いた ウィ ンド ウ か ら 元 の ウィ ン ドウ を 操作 する 」(P.300) 
は 、Netscape Navigator3.0 以 降 で し か 使え を ませ ん が 、 こ の サン プル は Netscape Nav- 
igator2.0 で も 正常 に 作動 し ます 。 


【 フ レー ム 部 分 】 
<HTML> 
<HEAD><TTTLE></TTTLE></HEAD> 
<FRAMESET ROWS="*,50"> 
<FRAME SRC="F1 .htm1" NAME="F1"> 
<FRAME SRC="FfF2 .htm1" NAME="F2"> 
</FRAMESET> 
< く NOFRAMES> 
フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の プラ ウザ で 試し て くだ さい (^_^) 。 
< く /NOFRAMES> 
< く / HTML> 


330 frame オ ブ ジ ェクト 


【f1.html 

<HTML> 

<HEAD> 

<TTTLE></ TITTLE> 

<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 

で ニー ニニ 

Function wopen15 ( ) { 

Var WO1: 
WO1=window .open ("menu1 .htm1" , "WindowOpen14" , 

"too1bar=no , 1ocation=no , direCtorieg 

=no, Status=no , menuba エ =ymO , SCro11Dars=no,resizab]e=no, 

width=200 ,height=300" ) : 

} 

バニ ーー ニッ 

</ SCRTPT> 

</ HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 開 いた ウィ ンド ウ か ら 元 の ウィ ンド ウ の フレ ー ム を 操作 する <P> 

<FORM NAME="MENU1 "> 

<input TYPE="button" NAME= "nenu1" VALUE=" サ プ メ ニュ ー " on 

C1ick= "wopen15 ( ) "> 2 

< く /FORM> 

</BODY> 

< く /HTML> 


【f ら 2.htmll 

<HTML> 
<HEAD><TTTLE></TTTLE></HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 

ー- ダ ミー フラ フレー ムー- 

< く / BODY> 

</ HTML> 


本 デミ 
に 
【menu1.htmll 了 
<HTML> レ 
<HEAD><TTTLE></TTTLE></HEAD> | 
<BODY BGCOLOR= "#FFFFEFF"> を 
<B>* サ プ メ ニュ ー</B> 操 
く P> Fd 
-<A HREF="page1 .htm1 " TARGEm〒=F1>1 番 目 の Page</ ム > る 
く P> 
・<A HREF="page2 .htm1" TARGE 呈 =F1>2 番 目 の Page</ ム > 
< く P> 
・<A HREF="page3 .htm] " TARGEE 呈 =F1>3 番 目 の Pade</ ム > 
く P> 
・<A HREF="f1 .htm1 " mARGEE 呈 =F1> 元 の Pade</A> 
<P> 
</BODY> 
< く /HTML> 
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+ 文 字 を 書き 出す 


例 2) こ うし て も 
例 3) こ うし て も 
例 1) こ うし て も 
結果 は 同じ 。 





解 JavaScript で プラ ウザ に 文字 を 書き 出す 時 に は 、「write()] メ ソ ッ ド を 使用 し ます 。 
隔 】 その 時 に 、JavaScript 内 に HTML の タグ を 書け ば 、HTML で 普通 に 記述 し た 時 と 同 
じ よ うに タグ が 評価 され 、 書 き 出さ れ た 文字 は 、 普 通 の テキ スト 文 と 同様 に 前 後に 


挟ま れ た タグ を 評価 し ます 。 
また 、JavaScripr 自 体 も 、HTML の タグ と 同じ よう に 文字 を 修飾 する コマ ンド を 多 
数 持っ て いま す 。 


JavaScript が 持っ て いる 文字 を 修飾 する メソ ッ ド に 関し て は 、 string オプ ジェ クト | 
(P.476 一 ) を 参照 し て くだ さい 。 


<HTMTL> 

< く HEAD> 

<TTTLE></ 呈 TTTLE> 

く /HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 文 字 を 書き 出す <P> 

<SCRTPT LANGUAGE= "JavaScrip 上 "> 
で まお ーーー 

document .wr ュ も モ e( "<B> 例 2 ) こう し て も </B>" ) 
が (ーー ニー 

</ SCRTPT> 

< く BR> 

<B> 

<SCRTPT LANGUAGE= "JavaScr1ipt "> 
で 3 ニニ 
Gocument .wri モ e( " 例 3 ) こう し て も " ) 
// ニ ーー ニテ 

< く / SCRTPT> 

< く /B> 

< く BR> 


の 寺 満 一 ツ ペ ロキ ネー 上 
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<SCRTPT LANGUAGE= "JaVaSC エ 1p ヒ "> 
<!ーーー 

document .write ( " 例 1) こう し て も " .bo1d( ) ) 
7 の ピピ 

</ SCRTPT> 

< く BR> 

結果 は 同じ 。 

</ BODY> 

</ HTML> 








旧 了 bold0「string オ ブ ジェ クト | の [太字 (ボー ルド ) に する 」:P.479 参 照 


| 長い 文章 を 書き 出し た い 時 は 


「document.write()」 な ど を 使っ て 長い 文章 を 書き 出し た 時 、 ブ ラウ ザ の バー ジョ ン 
に よっ て は 、 エ ラー が 発生 する こと が あり ます 。 

これ は 、Netscape Navigator が 1 行 の 内 に 1 バイ ト 文 字 で 255 字 まで 、 ら バイ ト 文 
字 だ と その 半分 の 文字 し か 扱え な いこ と か らく る 問題 で す 。 

この 問題 を 回 避 す る た め に 、「document.write( 文字 列 A+" 文 字 列 B")」 と いっ た 具合 
に 、JavaScript で 書き 出す 文章 は 短く 分 ける こと を お 勧め し ます 。 
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document .write1n ( 双 字 列 ) [メソ ッ ド ] 


* 改 行 付 き で 文字 を 書き 出す 


この Scriptl は この よう に <PRE></PRE> タ グ 
内 で 文章 を 改行 する 時 に 使い ます 。 





ます 。 
<PRE> タ グ 内 で の み で 意味 を 持ち ます 。 


「writeln0] メ ソ ッ ド は 、 コ マン ド の 終了 位置 に 改行 コー ド を 付け て 文字 を 書き 出し 
説 


<HTMTL,> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 改 行 付き で 文字 を 書き 出す <P> 

< く PRE> 

<SCRTPT 1]anguage= "JavaScript "> 

に コー 

document .write1n ("この Script 上 は この よう に &1t : PRE&gt: g1t : /PRE& 
gt タグ") : 朋 
document .wri モ e1n ( "内 で 文章 を 改行 する 時 に 使い ます 。" ) : 

ーー ニー テ 

</ SCRTPT> 

< く / PRE> 

</ BODY> 

</ HTML> 














旧 了 <PRE>…「 ス タイ ル と レイ アウ ト 」 の [空白 や 改行 を 入力 し た 通り に 表示 させ る 」 :P.69 参 昭 
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document . 上 it1e [プロ パテ ィ ] 
document . URL [プロ パテ ィ 1] 
document .reFerrer [プロ パテ ィ ] 





ォ * ド キュ メン ト の 情報 を 取得 する 


タイ トル Titls 
URLile:///CI/WINDOWS/722227272/0823/2/06 03/03doc html 


リン ク 元 の URLfils///CI/WINDOWS/72222222/0823/2/06.03/link html 





解 document オ プ ジ ェ クト が 記述 し て ある 、HTML フ ァイル の 情報 を 取得 する プロ パ 
肌 放 ティ で す 。 

「dde] プ ロ パ ティ は HTML の <TTTLE> 部 分 を 、「[URL」 プ ロ パ ティ は HTML フ ァイル 
自身 の URL を 、「referrerl プ ロ パ ティ は HTML フ ァイル が リン ク さ れ て いた URL を 、 
それ ぞ れ 返し ます 。 
| referrer]l プ ロ パ テ ィ は 、Interner Explorer3.x で は 、 リ ンク 元 の URL で は な く 、 自 分 
自身 の URL を 表示 し て し まい ます 。 こ の 問題 は 、Internet Explorer4x や Macintosh 版 
Inerner Explorer3.01 で は 解消 され て いま す 。 し か し 、Inrernet Explorer5.0 で も リン 
ク 元 URL を 取得 で き な い 場合 が あり ます の で 注意 し て くだ さい 。 
これ ら の プロ パテ ィ は 読み 出し 専用 で す 。 


5 <HTML> 
の 絢 <HEAD> 
<TTTLE>T1t]1e</TTTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFF "> 

* ド キュ メン ト の 情報 を 取得 する <P> 

<SCRTPT LANGUAGE= "JavaSCr1Dp キ 上 "> 

cecse 

document .write ("タイトル : " , document . ュ 16) : 
documen . write ("<BR>" ) : 

document .write ( "URL : " , document . URL) : 
document . write ("<BR>" ) : 

document .write(" リ ンク 元 の URL : " , document . エ eEG ェ エ @ エ ) : 
/ーーー テ 

</ SCRTPT> 

</ BODY> 

</HTML> 


中 村 半 ケツ ネロ せ キー | 
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documen セ .1astModified [プロ パテ ィ 1] 


* フ ァイル の 更新 日 時 を 取得 する 


Last update07/08/99 1237.40 





解 [IAstModified]」 プロ パテ ィ は 、document オ プ ジ ェ クト が 記述 し て ある HTML フ ァ イ 
月 記 ル の 、 最 終 更新 日 時 を 返し ます 。 
この 日 時 は 、HTML フ ァイル が 置か れ て いる HTTP サ ー バ ー の タイ ム ス タ ン プ が 参 
照 さ れ ま す 。HTTP サ ー バ ー は 国際 標準 時 で 運用 され て いる こと が 多く 、 フ ァイル 
の 最終 更新 日 時 が 日 本 時 間 と ずれ る 場合 が あり ます 。 
この プロ パテ ィ は 読み 出し 専用 で す 。 


KU <HTML> 

<HEAD> 

< く TTTLE></TTTLE> 

< く / HEAD> 

<BODY BGCOLOR="#FFFFFEF"> 

* フ ァイル の 更新 日 時 を 取得 する <P> 
<SCRTPT LANGUAGE= "JavaScCr1ip 上 "> 
S 当 ビー ビ 

document .write( "Last update : " , document . 1agtModiEied ) 
が こ ー ニ ロウ 

</ SCRTPT> 

</ BODY> 

</HTML> 








の 慎 革 半 テツ ベロ キテ | 
] 





半 。 Macintosh で HTTP サ ー バ ー を 運用 する 時 の 注意 


「lastModified] プ ロ パ ティ は 、 ど の バー ジョ ン の Netscape Navigator も 
Macintosh か ら は 正確 な ファ イル 更新 日 を 取得 で きま せん 。Macintosh を 使っ て HTTP 
サー バー を 運用 し て いる 場合 は 、 注 意 が 必要 で す 。 


に 
トミ 
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document .write( 文字 列 ) [メソ ッ ド ] 


document .open ( ) [メソ ッ ド ] 
document .c1ose( ) [メソ ッ ド ] 


解 
Bi 








開い た ウィ ンド ウ に 文字 を 記述 する 
に ーー 


ま ゾ 
イメ ー ジ も 表示 で きま す 。 


Window Close 


JavaScript も 記述 で きま す 。 


サン プル で は 、 URL の 指定 な し に 「window.open()] を 実行 する こと に より 、 何 も 記述 
し て いな い ウ ィ ン ド ウ を 開き 、 そ の 中 に JavaScript で ドキ ュ メ ント を 記述 し て いま す 。 
ウィ ンド ウ へ の 記述 方 法 は 、 まず 、 [documentopen()]」 で ドキ ュ メ ント スト リー ム を 開 
き 、 そ こ へ 「document.write()] で ドキ ュ メ ント を 書き 出し ます 。 そ し て 、 ド キュ メン 
ト の 記述 を 終ら せる 時 は 、「document.close()] で ドキ ュ メ ント スト リー ム を 閉じ ます 。 
「documentwrite()] で 書き 出さ れ た 文字 は 、HTML の タグ や JavaScript を 通常 通り に 
評価 する の で 、 画像 を 貼り 込ん だ り 、JavaScript を 記述 し た り で きま す 。 

し か し 、Netscape Navigator2.0 で は 、 画像 ファ イル や リン ク の URL を 絶対 パス で 指 
定 し な けれ ば 、 画 像 ファ イル や リン ク が 探せ な い 時 が あり 、 そ の 結果 、 画 像 が 表示 
され な か っ た り 、 リ ンク が 機能 し な い 場 合 が あり ます 。 そ の よう な 場合 は 、 画像 ファ 
イル や リン ク の URL を 絶対 パス で 指定 する よう に し て くだ さい 。 
「document.open()」 は 省略 可能 で す が 、「document.close()] は 必ず 記述 し て 、 明示 的 
に ドド キュ メン トス トリ ー ム を 閉じ る よう に し て くだ さい 。 

も し 「documentclose()] が 記述 され て いな い 場 合 、 JavaScript は 、 最 後 の 「document. 
write()] が 読み 込ま れ て も 、 ド キュ メン ト が まだ 後に 続く も の と 判断 し て 、 待機 状態 の 
まま に な り ま す 。 そ の 結果 、Netscape Navigaror で は 最後 の 行 が 表示 され な か っ た 
り 、Internet Explorer で 読み 込み 中 を 示す 「ecl の アイ コン が 回 りっぱ な し に な り 、 最 
悪 の 場合 は 何 も 表 示さ れ な い 、 と いう 状態 に な り ま す 。Netscape Nayigator の 場合 
は 、 最後 の 行 に <BR> な どの 改行 タグ を 入れ る こと に よっ て 最後 の 行 を 表示 させ る こ 
と が 可能 で す が 、 本 質 的 な 解決 で は あり ませ ん 。 
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また 、Internet Explorer3.0 や 4.0 で は 、 プ ラウ ザ の 細か い バ パ バー ジョン に よっ て は 、 う 
まく 実行 で き な い 場合 が ある の で 注意 し て くだ さい 。 


① <HTML> 
<HEAD><TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JaVaSCr1p 上 "> 
宣 ニニ ュ 
funotion DWO1 ( ) { 
Var DW1: 
DW1=window.open("", "DocWin1" ) : 
DW1 .document . open ( ) : 
DW1 . document .write ("<HTML><HEAD><TTTLE>DOCUMENT SAM 
PLE</TTTLE>" ) : 
DW1 .document .write( "<"+ "SCRTPT LANGUAGE= 'JavaScript'> "): 


DW1 .document .write("Eunction WC1ose2 ( ) { "9: 
DW1 . document .write(" window.c1ose() } Li 
DW1 . document .write ("</SCRTPT> ") 7 
DW1 . document .write ("</HEAD> "): 
DW1 . document .write ("<BODY BGCOLOR= '#FFFEFFEF'> UI 


DW1 . document .write ("<TMG NAME='kao' SRC= '1mage.gif 1 
'image.9g1f' WTDTH='100' HETGHT='100'> "): 


DW1 . document .write ( "<BR> MM 朋 
DW1 . document .write ( "イメー ジ も 表 \ 示 \ で きま す 。 M 朋 

DW1 .document .write ("<P> ") 7 
DW1 .document .write ("<HR> 
DW1 .document .write ("<FORM> 5 


DW1 .document .write( "<TNPUT TYPE='Dutton' NAME= 'Wc12 
UE= 'Window C1ose' onC1ick= 'WC1ose2 ( ) '>") : 


DW1 . document .write( "</FORM> 『) 
DW1 . document .write ("<BR> "): 
DW1 .document write ("JavaScript も 記述 で きま す 。 "9 

DW1 . document .write( "</BODY> ") 7 
DW1 . document .write ("</HTML> "): 


DW1 .document .c1oge( ) 
メメ ピー ニテ 
</ SCRTPT> 
</ HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* 開 いた ウィ ンド ウ に 文字 を 記述 する <P> 
<FORM> 
< く TNPUT TYPE= "butEton" NAME= "dwo1" VALUE="Open!!" onC1ick 
="DWO1 ( ) "> 」| 
< く /FORM> 
</BODY> 
< く /HTML> 








上 l 際 window.open0 一 「window オ ブ ジ ェクト 」 の 「 新 し い ウ ィ ン ド ウ を 開く 」 :P.296 参 昭 
旧 具 window.close0ー「window オ ブ ジ ェクト 」 の 「 ウ ィ ン ド ウ を 閉じ る 」 :P.298 参 照 
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document .write( 駐 字 列 ) [メソ ッ ド ] 


document . open ( ) [メソ ッ ド ] 
document .c1ose( ) [メソ ッ ド ] 





* ド キュ メン ト や 画像 を 後 か ら 開 く 


お 


この よう に 、 イメ ー ジ を 開く < こと も で きま す 。 





新しい ウィ ンド ウ に 文字 を 記述 する の と 同じ 要領 で 、 プ ラウ ザ に 表示 され て いる 文 
月 約 字 を 書き 替え る こと が で きま す 。 

サン プル で は 、「Open!]」 ボ タン が クリ ッ ク さ れる と 、[「documentopen()」 で ドキ ュ メ 

ント スト リー ム が 開か れ ま す 。 同 時 に 、 現 在 表示 され て いる 文字 フ ォ ー ム な ど が 

消さ れ 、 そ の 後に 「document.write()」 で 文字 が 書き 出さ れ ま す 。 

ウィ ンド ウ に 文字 を 記述 し た 時 と 同様 、「document.close()」 は 必ず 入れ る よう に し て 


くだ さい 。 
002 <HTML> 
2 <HEAD> 
リス 


半 <TmTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 

3 喧 ュ ニ 

Function Doc4( ) { 
document .open ( ) : 
documen モ . エ ミュ Ee ("<TMG SRC='1mage.91E' ALT='1mage .giFf' 

WTDTH='100' HETGHT='100'>"): | 
documen .W エ ミュ ヒ @ ( "<P> ") 
document .write ("この よう に 、 イ メー ジ を 開く こと も で きま す 。" ) : 
document .C1oSe( ) : 














} 

の この 

</ SCRTPT> 
< く / HEAD> 


の 中 革 沙 テツ ベロ キテ | 
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の 寺 沙 ー ツ ベロ キー | | 


<BODY BGCOLOR="#FFFFFF"> 
* ド キュ メン ト や 画像 を 後 か ら 開く <P> 
<FORM> 

<TNPUT TYPE="Dbutton" NAME= "DOC4" VALUE="Open!!" onC1ick 
="Doc4 ( ) "> 』 
< く /EFORM> 
</ BODY> 
</HTML> 














書き 出さ れ た 文字 が 文字 化け する 時 は 


「document.write()」 で 文字 を 書き 出し た り 、「alert()、」 な どの ダイ アロ グ ボ ックス に 
文字 を 表示 し た 時 に 、「 表 示 ] と いっ た 漢字 が 「 作 2] と 文字 化け し て し まう 場合 が あり ます 。 

これ は 、 日 本 語 の 文字 コー ド と 英語 の 文字 コー ド と の 間 に 問 題 が め る た めで す 。 

も し 、 文 字 化け が 発生 し た 場合 上 の サン プル の よう に 「 表 \ 示 」 と 、 文 字 化 けし て い 
る 文字 の 後ろ に 「\」( 又 は バッ クス ラッ シュ ) を 入れ ます 。 

この 他 に も 、「 可 能 \」 や 「 予 \ 定 ]、「 申 \ し 訳 ] な どの 割 と 使い そう な 漢字 に も 同様 の 問 
題 が 起き 、 そ の 結果 エラ ー を 起こ す 場 合 が あり ます 。 


Netscapeo.0 で ドキ ュ メ ント を その 場 で 書き 替え る 
スク リプ ト を 使用 する 時 の 注意 


Netscape Navigator2.0(Macintosh 版 で 確認 ) で は 、 ド キュ メン ト や 画像 を 後 か ら 
開く スク リプ ト や 、 文 字 を 消去 を する スク リプ ト は 非常 に 不安 定 で す 。 最悪 の 場合 シス 
テム エラ ー を 引き 起こ す 場 合 が あり ます 。 

また 、「document.close()」 を 記述 する と 、 本 来 そ てこ て で ドキ ュ メ ント の 記述 が 終了 し 
た と 判断 され な けれ ば いけ な い は ず な の で す が 、 反 対 に 待機 状態 に な か っ て し まう 場合 が 
あり ます 。 
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* 文 字 を 消去 する 


下 の clear ボ タン を 押す と 、 ここ に 
表示 され て いる 文字 や ボタ ン が 消去 され ます 。 





解 [document.open()] で ドキ ュ メ ント スト リー ム が 開い た 時 、 プ ラウ ザ に 表示 され て い 
月 記 る 文字 な ど が 消さ れる こと を 利用 し た スク リプ ト で す 。 
[clearl ボ タン が 押さ れる と 「document.open()」 が 実行 され 、 表 示さ れ て いる 文字 が 消 
去 さ れ ま す 。 
JavaScript1.0 に は 、 ド キュ メン ト を 消去 する た め に 「clear()] と いう メソ ッ ド が 用 意 さ 
れ て いま し た が 、JavaScript1.1 以 降 で は 、「clear()]」 メ ソ ッ ド は 削除 され て いま す 。 


の <HTML> 
2 
の 2 衣 HEAD> 
加 <TTTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

に | ルコ コー 

Function Dclear ( ) { document .open() } 

人 ン 

</ SCRTPT> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFFEF"> 

<B>* 文 字 を 消去 する </B> 

く P> 

下 の c1ear ポ ボタ ン を 押す と 、 ここ に 

< く BR> 

表示 され て いる 文字 や ポタ ン が 消去 され ます 。 

く P><HR> 

<FORM> 

<TNPUT TYPE= "butEon" NAME= "Dc1" VALUE=" cl1ear " onC1ick 
="Dc1ear ( ) "> 
< く /FORM> 

</ BODY> 

< く / HTML> 


の 寺 落 テツ ペロ キテ 旧 
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る リアル ん ルリ) し 


document .a11nkCo1or=" 所 着 定 " [プロ パテ ィ 1] 


document . bgCo1or=" 到 病 定 " [プロ パテ ィ ] 
document . EgCo1or=" 到着 定 " [プロ パテ ィ ] 
document . 1inkCo1or=" 到 凍 定 " [プロ パテ ィ 1] 
document .y1inkCo1or=" 所 症 定 " [プロ パテ ィ 1] 








アグ ラウ ンド 、 つ まり テキ スト の 色 の 値 を 、[linkColor] プ ロ パ テ ィ は リン ク の 色 の 
値 を 、「vlinkColorl プロ パテ ィ は 、 す で に 行っ た こと の ある リン ク の 色 の 値 を 、 そ 
れ ぞ れ 持 っ て いま す 

サン プル で は 、 そ れ ぞ れ の プロ パテ ィ に 色 の 値 を 設定 する こと に よっ て 、 プ ラウ ザ 


「alinkColorl」 プロ パテ ィ は アク ティ プリ ンク の 色 の 値 を 、 [ 公 Color] プ ロ パテ ィ は フォ 


に 表示 され る テキ スト や リン ク の 色 を 指定 し て いま す 
色 指 定 は 、 色 の 名 前 か 16 進 数 で 設定 し ます 
これ ら の 設定 は 、 <BODY> タ グ 内 に 記述 する 、 HTML で の 人 色 指 定 より 優先 され ます . 
K <HTMTL> 
, <HEAD> 
M <mTTTE></TTTTE> 


<SCRTPT LANGUAGE= "JavaSC て 1p 上 "> 
な . こ ニー 
documen モ . ECO1O エ ="wh1EG" : 
document . 11nkCo1o ェ ="9reGn" : 
document . ゞ 1inkCo1or="EFFEFEFO00『: 
documen モ .a1inkCo1or="000000": 
0 ん コ ーー 


の 中 圭 凌 ー ツ ベロ キー 軸 
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</ SCRTPT> 





</ HEAD> 

<BODY BGCOLOR="#000000"> 

* ォ テキ スト や リン ク の 色 を 指定 する 

<P> 

・ テ キス ト の 色 は 白 。 

く BR> 

-<A href="NoLink .hEm1 "> リン ク の 色 は 緑 。</A> 

< く BR> 

・<A hrefF="htp : / /www .netscape . com/ "> すでに 行っ た こと の ある リン ク 
の 色 は 黄色 。</A> 』 
く <BR> 

・<A href="#"> リ ンク を クリ ッ ク し た 時 の 色 は 昧 。</A> 

< く BR> 

</ BODY> 

</ HTML> 








上 了 <BODY BGCOLOR= 色 指定 >ー:「 ペ ー ジ の 基礎 と な る 内 容 ] の 「 背 景色 を 指定 する 」P.30 参 照 
川 了 > き 失 付録 [カラ ー チ ャ ー ト 1]: 巻末 参照 


人 「window.open()」 で 開い た ウィ ンド ウ に 
「document.write()」 で 文字 を 書き 出す 時 の 注意 


サン ブル 「 開 いた ウィ ンド ウ に 文字 を 記述 する 」(P.337) の よう に 、「window.open(]」 
で 新しく 開い た ウィ ンド ウ に 「document.write()」 で 文字 を 書き 出す スク リプ ト は 、 ウ ィ 
ンド ウ を 開い て HTML フ ァイル を 読み 込む せ ス クリ プ ト に 比べ る と 、 外 部 か ら フ ァイル を 
読み 込む 必要 が な い の で 表示 が 早く 、 ち ょ っ と し た メッ セー ジ を 表示 する 場合 に は 便利 
で す 。 

し か し 、 こ の スク リプ ト は 、 Internet Explorer で は うま く 機 能 し な い 場 合 が あり ます 。 
特に サン プル の よう に 、 書 き 出す 文字 に JavaScript な どの スク リプ ト が 混じっ て いる よ 
うな 時 は 、 エ ラー に な る 場合 が 多く あり ます 。 また 、 同 じ バ ー ジ ョ ン の Intemet Explorer 
で も 、 よ り 新しい も の で は エラ ー が 出 な く て も 、 古い も の で は エラ ー に な る 場合 が あり 
ます 。 

[開い た ウィ ンド ウ に 文字 を 記述 する ]」 は 、 チ ェ ッ ク の 結果 、 一 部 の Internet Explorer 
に 作動 の 不安 定 な 部 分 が あっ た の で 、 基 本 的 に Internet Explorer3.0-4.0 に は 対応 し 
て いな いこ と に し て いま す 。 け れ ど も 、 書 き 出す 内 容 や 環境 に よっ て は 、 正 常に 作動 し 
ます 。 反対 に いえ ば 、 自 分 の 環境 で は 正常 に 動作 する よう に 見 える スク リプ ト で も 、 他 
の Internet Explorer で は エラ ー に な る 場合 が ある と いう こと で す の で 、 十 分 に テス ト を 
行う よう に し て くだ さい 。 


時 
ド 
キ 
3 
る 
に 
ト 
8 
る 
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[プロ パテ ィ ] 








* 背 景 双 を 変え る ボタ ン を 作る 


バッ ゅ の を 白 へ パック を 線 へ 9 ク 2 を 区 双 へ 22 を 時 








解 「bgColorl プ ロ パテ ィ は 、 バ ッ ク グ ラウ ンド の 色 の 値 を 持っ て いま す 。 
月 7 サン プル で は 、 ボ タン を クリ ッ ク し た 時 に 、 「document.bgColor|」 プ ロ パ テ ィ で 設定 
し て いる 色 の 値 が 評価 され 、 背 景色 が その 場 で 変わ り ま す 。 


<HTML> 
<HEAD><TTTLE></TTTLE></HEAD> 
<BODY BGCOLOR="#FFFFFF"> 

* 育 景色 を 変え る ポタ ン を 作る <P> 





Cg 
3 < く HR> 
ド <FORM> 
キ く TNPUT TYPE= "but て on" NAME= "BgCo1or1" VALUE= "バッ ク を 白 へ " 
沈 onC1ick= "qoocument . bgCo1or= "white! "> 
2 <TNPUT TYPE= "Dutton" NAME= "BgCo1or2" VALUE=" バ ッ ク を 緑 へ " 
ト onC1iok= "document . bgCo1or= "green' "> 選 
< く TNPUT TYPE= "button" NAME= "BgCo1or3" PE 
作 " onC1ick="document .bgCo1or= '#FFFF00*! "> 
す <TNPUT TYPE="button" NAME= "BgCo1or4" VALUE= "バック を 上 黒 " on 
る C1iock= "document .bgCo1or='#000000!"> | 
</FORM> 
</ BODY> 
</ HTML> 





川 き 未 付録 [カラ ー チ ャ ー ト 1ー3]: 半 参照 
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document . FgCo1or=" 到着 定 " 





ォ * デ テキ スト の 色 を 変え る ボタ ン を 作る 
Exprer で は 、 レイ アウ ト 確 定 後 も 文字 の 色 を 変え る こと が で きま す 。 


BN | 克 eWA | 文 * 寺 | wmA | 


ォ * テ キ フ ト の 双 を 変え る ボタ ダン を 作る 


Explorer で は . レイ アウ ト 確 定 後 も 文字 の 色 を 変え る こと が で きま す 。 


[プロ パテ ィ ] 








解 Internet Explorerr で は 、 ペ ー ジ の レイ アウ ト が 確定 し た 後 か ら で も 、 表 示さ れ て いる 
朋 衣 テキ スト の 色 を 変え る こと が で きま す 。 
サン プル で は 、 ボ タン を クリ ッ ク さ れ た 時 、 プ ラウ ザ で 表示 され て いる テキ スト の 

色 の 値 を 持っ た 「documcntfgColor] プ ロ パ テ ィ で 設定 し て いる 色 が 評価 され 、 テ キ 

スト の 色 が その 場 で 変わ り ます 。 


7 <HTML><HEAD>< 呈 TTLE></TTTTLE></HEAD> 
ん <BODY BGCOLOR="#FFFFFF"> 
中 * テ キス ト の 色 を 変え る ボタ ン を 作る <P> 


Exp1orer で は 、 レ イア ウト 確定 後 も 文字 の 色 を 変え る こと が で きま す 。 


< く HR> 
<FORM> 


<TNPUT TYPE="jbutton" NAME= "FgCo1or1" VALUE=" 文字 を 白 へ " 雪 


C1ick="document . EdCo1o ェ = "wh1tG! "> 


<TNPUT TYPE="jbutton" NAME= "FgCo1or2" VALUE=" 文字 を 緑 へ " | 


C1ick= "document . EdCo1or= "9reen' "> 


<TNPUT TYPE="button" NAME= "FgCo1or3" VALUE=" 文字 を 黄色 へ " 


onC11ck= "document . EdCo1o ェ = '#FFFF00! "> 


<TNPUT TYPE="jbutton" NAME= "FgCo1or4" VALUE=" 文字 を 黒 へ " 負 


C1ick="document . EgCo1or='#000000! "> 
< く /FORM> 
</BODY> 
</ HTML> 


の 中 圭 革 テツ ペロ ボテ 昌 








上 Parent・「frame オ ブ ジ ェクト 」 の 「 入 力 され た URL を 別 フ レー ム に 表示 する 」:P.324 参 照 


川 了 き 朱 付 録 [ カ ラー チャ ー ト 1 3]: 巻末 参照 
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document .write( 文字 列 ) [メソ ッ ド ] 


て 計 レ イア ウト され に 文字 の 


3 で を 科 
よっ て た 工 が 必要 に に な り ま す 。 









ESp 


解 Netscape Navigator で は 、1 度 レイ アウ ト が 確定 し て し まう と 、 バ パック グラ ウン ド の 
月 史 色 以 外 の テキ スト や リン ク の 人 色 を 変更 する こと が で きま せん 。 
サン プル で は 、 フ レー ム 「 也 ] か ら ボ タン が クリ ッ ク さ れ た 時 に 、 テ キス ト の 人 色 の 値 
緒 に フレ ー ム 「f] へ 、 フ レー ム 「fI」 と 同じ レイ アウ ト の ドキ ュ メ ント を 書き 出 
し て いま す 。 


【 フ レー ム 】 

シグ 4 。 <HTML> 

< く HEAD> 

<T エ TLE></ 呈 TTLE> 

</HEAD> 

<FRAMESET ROWS="*,100"> 
<FRAME SRC="F1 .htm1" NAME="F1" > 
<FRAME SRC="FfF2 .htm1" NAME="F2"> 

< く /FRAMESET> 

<NOFRAMES> 

フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の ブラ ウザ で 試し て くだ さい (^_^) 。 

< く /NOFRAMES> 

</ HTML> 


中 寺 落 品 ー ツ ペロ キー l 
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【f1.html】 

<HTML> 

<HEAD> 

<TTTTLE></TTTLE> 

<HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 
* テ キス ト の 色 を 変え る <BR> 
Netscape の 場合 一 度 レ イア ウト され た 文字 の <BR> 
色 を 変え る ご こと が で きま せん 。<BR> 
ちょ っ と し た 工夫 が 必要 に な り ま す 。 
</ BODY> 

</HTML> 








【f2.htmll 
<HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaSor1p 上 "> 
で よー ニーー 
Function TP(TC) { 
parent . 1 .document . open ( ) 
parent . 1 .document .write ("<BODY BGCOLOR= '#FFFFFEF' 
TEXT=")』 有 
parent .fF1 .document .write(TC) : 
parent . 1 .document .w エ ri モ @( ">") : 
parent . 1 .document .write ( "* テ キス ト の 色 を 変え る <BR>" ) : 
parent . F1 .document .write ( "Netscape の 場合 一 度 レ イア ウト され た 
文字 の <BR>" ) : | 
parent .F1 .document .write ( " 色 を 変え る こと が で きま せん 。<BR>" ) : 
parent .fF1 .document .write ("ちょ っ と し た 工夫 が 必要 に な り ま す 。") : 
parent .F1 .document .c1ose( ) 
} 
//ーー> 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
<FORM> 
<TNPUT TYPE="butEon" NAME= "TextCo1or1" VALUE=" テ キス ト を 白 
人 へ" onC1ick="TP('white' ) "> 当 
<TNPUT TYPE="jbutEton" NAME= "TextCo1or2" VALUE=" テ キス ト を 緑 
へ " onC1ick="TP('green' ) "> | 
<TNPUT TYPE= "butEton" NAME= "TextCo1or3" VALUE=" テ キス ト を 黄 
色 へ " onC1ick= "TP ( '#FFFF00') "> | 
<TNPUT TYPE="jbutton" NAME= "TextCo1or4" VALUE=" テ キス ト を 黒 
へ " onC1ick="TP('#000000') "> 間 
</FORM> 
</ BODY> 
</HTML> 


共著 時 ツネ ロキ テ | 








上 上 parent・「frame オ ブ ジ ェクト 」 の 「 入 力 さ れ た URL を 別 フ レー ム に 表示 する 」:P.324 参 照 
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[メソ ッ ド ] 


* 選 択 し た 文字 を 返す 
~JavaScript~ と (は 、 Ne me 社 り eb 1 の 和 6 
2 ーLMeScript iscripr を 元 に Ne = 本 se 


同 で 開 Nav 20L 
騰 02 ラ ウザ Ce の < 駅 し た 文字 を 返す 


~JavaScript" と は 、 Netscaps 社 が Web ペ ー ジ の 処 
る だ の に LeScror を 元 に 人 


て 問 20 
騰 の フラ ウザ と Timer Petrer 30D 隊 の ブラウ リザ 









月 史 フォ ー ム に 値 を 渡す こと が 可能 な の で 、 サ ンプ ル の よう に 、 選 択 し た 文字 を テキ ス 
ト エ リア に 書き 出す こと も で きま す 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


「getSelection()] メ ソ ッ ド は 、 マ ウス な ど で 選 択 さ れ た 文字 を 返し ます 。 


<SCRTPT Language= "JavaScript1 .2"> 
マト ニー 
function sel1ct() 人 { 
document .OUTP . outp.value = document .getSe1ection( ) 
} 
ん / ニニ テ 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
* 選 択 し た 文字 を 返す <P> 
<BLOCKOUOTE> 
<B> "JavaSorip 上 "</B> と は 、 Netscape 社 が Web ペ ー ジ の 処理 能力 を 高め る た め に 
開発 し た <B> "LiveScript"</B> を 元 に 、Netscape 社 と Sun が 共同 で 開発 
し た <B>8crip 人 言語 </B> で 、 現在 Netscape Navigator 2 .0 以 降 の ブラ ウザ と 
Tnterne Exp1orer 3.0 以 降 の ブラ ウザ で 対応 され て いま す 。 
</BLOCKOUOTE> 
< く HR> 
<FORM NAME= "OUTP"> 
< く TEXTAREA NAME= "Outp" ROWS=5 COLS=30> 
< く / TEXTAREA> 
<P> 
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<TNPUT TYPE="button" VALUE=" 選択 !!" onC1ick="se1c ( ) "> 
<TNPUT TYPE= エ eSe 七 VALUE="C1ea エ "> 
</FORM> 












cookie [ ブ プロパティ] 


解 JavaScript で は 、cookie フ ァイル に 情報 を 書き 込み 、 利 用 する こと が で きま す 。 
cookig フ ァイル は ロー カル ディ スク 上 に 置か れ 、 個 人 を 特定 する 情報 や 、 特 定 サイ 
ト を 利用 する に あたっ て 必要 な 情報 を 保存 し て いる の で 、 そ の ユー ザー が サイ ト を 
訪れ た 回 数 を 表示 し た り 、 ユ ー ザ ー に 合わ せ た 情 報 を 表示 する こと が で きま す 。 
cookie フ ァイル は 、JavaScript が アク セス で きる 、 唯 一 の ロー カル 資源 で す 。 
cookie フ ァイル の 使用 に つい て は 、 記録 で きる 情報 量 を 制限 する な どの 対策 が と ら 
れ て いる の で す が 、CGI な ど で 利 用 し た 場合 に 「 個 人 情報 を 取得 で きる ] な どの 理由 
か ら 、 嫌 う 人 も いま す 。 


説 


用 document . Cookie 








domain [プロ バテ ィ 1] 


複数 の サー バ 名 を 、1 つ の ドメイン 名 と し て 取り 扱え ます 。 

例え ば 、1 つ の ウイ ンド ウ の 別々 の フレ ー ム に 、「search.hamba.com] と 「www.hamba. 王 還 還 呈 呈 
coml」 の 2 つの サー バー か ら の デー タ を 表示 させ る 場合 、domain プ ロ パ ティ に よっ て ee 
各々 の サー バ 名 を 「hamba.com] と し て 扱う こと が で きま す 。 

た だ し 、 ド メイ ン 名 部 分 を 変え た る こと は で きま せん 。 つ まり 「search.hamba.com] を 
[search.coml」 の よう に 変え る こと は で きま せん 。 ま た 、1 度 ドメイン 名 を 変更 する と 、 

変更 前 の ドメイン 名 を 参照 で き な く な り ま す 。 

JavaScripr1.1 で 追加 され た プロ パテ ィ で す が 、Interner Explorer は 対応 し て いま せん 。 

その ウイ ンド ウ が 、 他 の ウイ ンド ウ 、 あ る い は フレ ー ム か ら 、 プ ロ パ ティ な どの デー 
タ の 参照 を 許し て いる 状態 (taindng の 状態 ) か どう か を 調べ ます 。 

実際 の 指定 は 、 次 の 例 の よう に 行い ます 。 


の っ ト 寺 落 時 テツ マロ キテ 


| document . domain=" 指定 す る ドメイン 名 " 


SR 
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解 サン プル は 、 プ ラウ ザ の 「 戻 る ](Back) ボ タン と 同じ 働き を する スク リプ ト で す 。 
慌 】 フォ ー ム の ボタ ン が 押さ れ た 時 に 、「onClick] で 指定 し て いる 「history.back(」 が 評価 
され 、1 つ 前 の ペー ジ へ 戻り ます 。 戻る ペー ジ が 来歴 内 に な い 場 合 は 、 何 も 起き ま 
せん 。 
複数 の ペー ジ か ら リ ンク を 張っ て いる ペー ジ で 使う と 効果 的 で す 。 


の <FORM> 


2 彰 <TNPUT TYPE="button' VALUE=" Back " NUDE 
ジ 
回 back() "> 
</FORM> 























| ニ 
history.Forward( ) [メソ ッ ド ] 
用 
す 
る 2 
Er 
記 ま ココ | * 進 む ボ タン を 作る 回 請 剛 Sysrem Nd 





解 サン プル は 、 プ ラウ ザ の | 進む ](Forward) ボ タン と 同じ 働き を する スク リプ ト で す 。 
尋 』 フォ ー ム の ボタ ン が 押さ れ た 時 に 、[onClick] で 指定 し て いる 「histop.forward0」 が 
評価 され 、1 つ 先 の ペー ジ へ 進み ます 。 進 む ペ ー ジ が 来歴 内 に な い 場 合 は 、 何 も 起 

きま せん 。 


は? <TNPUT TYPE= "button" VALUE=" Forward " 
Forward ( ) "> 
M </FORM> 
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higstory .9o( ロ ) [メソ ッ ド 1 


* 榎 数 ペー ジ を 進ん だ り 戻 っ た りす る ボタ ン を 作る 





解 サン プル は 、 複 数 の ペー ジ を 進ん だ り 、 戻っ た りす る ボタ ン の スク リプ ト で す 。 
月 呈 フォ ー ム の ボタ ン が 押さ れ た 時 に 「onClick」 で 指定 し て いる 「history.go(n)」 が 評価 さ 


れ 、「n] の 数 値 分 ペー ジ を 移動 し ます 。 


また 、「go(URL)] と 指定 する と 、 来 歴 内 の 指定 され た ペー ジ を 表示 し ます 。 移 動 す 


る ペー ジ が 来歴 内 に な い 場 合 は 、 何 も 起き ませ ん 。 


Internet Explorerr で は 、 う まく 機能 し な い 場 合 が あり ます 。 


⑳⑰ <HTML> 
久 ン <HEAD> 
較 <TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFF "> 

* 複 数 ペー ジ を 進ん だ り 戻 っ た りす る ボタ ン を 作る <BP> 

< く FORM> 

<TNPUT TYPE="button" VALUE=" 3 ペー ジ 戻 る 
9o(-3) "> 

<TNPUT TYPE="button" VALUE=" 2 ペー ジ 戻 る 
go( -2 ) "> 

<TNPUT TYPE="button" VALUE=" 2 ペー ジ 進 む 
go(2) "> 

<TNPUT TYPE="button" VALUE=" 3 ペー ジ 進 む 
go(3) "> 

</FORM> 

</ BODY> 

</HTML> 


" onC1ick= の 


1 


YR 


| ひい s ト 朋 当 誰 部 重病 当 


onC1 ick= co 








上 | 除 onClick ご リフ ァ レ ンス 「 イ ベン ト ハ ンド ラ 」 の 「onClick] :P.547 参 昭 
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l ぷ s 胃 認 棋 短 岡 決 





に : 
ゞ ド 


[プロ パテ ィ ] 


「currencl プ ロ パ テ ィ は 、 現在 表示 され て いる ウイ ンド ウ と 同じ URL の 値 を 持っ て い 
ます 。 そ の ウイ ンド ウ が 、 他 の ウイ ンド ウ 、 あ る い は フレ ー ム か ら 、 プ ロ パ ティ の 
参照 を 許し て いる 状態 (tainung の 状態 ) の 時 の み 機 能 し ます 。 

次 の 例 で は 、[current」 プロ パテ ィ に [hamba.com] と いう 値 が 含ま れ て いる か どう か 
を 検索 し 、 含 まれ て いる 場合 は 「 処 理 ] を 実行 し ます 。 
JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


1f (history . current . indexOFf ( "hamba .com" ) != -1) { 処理 } 




















[プロ パテ ィ ] 


| 


に 


4 


-】 


に | 
ES 
> 


「next] プロ パテ ィ は 、 プ ラウ ザ の 「 進 む 」(Forward) ボ タン で 得 ら れる の と 同じ URL の 
値 を 持っ て いま す 。 そ の ウイ ンド ウ が 、 他 の ウイ ンド ウ 、 あ る い は フレ ー ム か ら 、 
プロ パテ ィ の 参照 を 許し て いる 状態 (tainting の 状態 ) の 時 の み 機 能 し ます 。 
次 の 例 で は 、「next] プロパ ティ に 「hamba.com] と いう 値 が 含ま れ て いる か どう か を 
検索 し 、 含 まれ て いる 場合 は 「 処 理 ] を 実行 し ます 。 

JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


ifF (history .nexxt . 1ndexOF ( "hamba . com" ) != -1) { 処理 } 


[プロ パテ ィ 1] 


| 


月 衣 


「previounsl プ ロ パ ティ は 、 ブ ラウ ザ の 「 戻 る |(Back) ボ タン で 得 ら れる の と 同じ URL 
の 値 を 持っ て いま す 。 そ の ウイ ンド ウ が 、 他 の ウイ ンド ウ 、 あ る い は フレ ー ム か ら 、 
プロ パテ ィ の 参照 を 許し て いる 状態 (ainting の 状態 ) の 時 の み 機 能 し ます 。 
次 の 例 で は 、「previousl プ ロ パ ティ に 「hamba.com] と いう 値 が 含ま れ て いる か どう 
か を 検索 し 、 含 まれ て いる 場合 は 「 処 理 ] を 実行 し ます 。 
JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


if (history .previous . indexOF ( "hamba .com" ) != -1) 人 { 処理 } 
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1ocation .hre 
1ocation . po も 
1ocation .hog セ 


1ocation .pathname [プロ パティ] 


1ocation . po 上 
1ocation .host 





[プロ パテ ィ ] 
oco1 [プロ パテ ィ 1] 


mame [プロ パティ] 


[プロ パテ ィ ] 
[プロ パテ ィ ] 


* 目 ペー ジ の URL を 取得 する 


URL-fle.//Pro_server/souko/urata/2- ナ ビオ ブ ジ ェ -ToU/08.01/01loc html 
ブロ トコ ル is 
ホス トコ ンピュータ 名 : 


バス 名 ./\\Pro_server\souko\urata\2- ナ ビオ ブ ジ ェ -ToUW08.01\O1loc.ht 
コミ ュ ニ ケー ショ ン ボ ー ト 
ホス ト 名 ・ ボ ー ト 番号 


月 「href| プロ パ 
どの プロ トコ 





location オ プ ジ ェ クト に は 、URL に 関す る 情報 が 格納 され て いま す 。 


ティ は URL 全体 の 値 を 、「prorocoll プ ロ パ ティ は URL 内 の htp や ftp な 
ル 部 分 の 値 を 、[hostname] プ ロ パテ ィ は URL の 内 の ホス ト 名 部 分 の 値 


を 、「pathname] プ ロ パ テ ィ は URL の 内 パス 名 部 分 の 値 を 、「porl は URL 内 の :8080 


な どの ポー ト 
し ます 。 


locaton オ プ ジ ェ クト に は 、 こ れ 以 外 に も 、「hash]( ア ンカ ー)・「search」(? で 始ま る 問 
い 合わ せ 文 字 列 ) プ ロ パ テ ィ が あり ます 。 


<SCRTPT 
2 ご ここ 
documen 
documen 
documen 
documen 
documen 
documen 
documen 
documen 
documen 
documen 
documen 
// ニ ュ ニ テ 
</ SCRTPT> 


-write ( "URL : " , 1ooation .hreF ) : 

-wr1te( "<BR>" ) : 

-write ("プロ トコ ル : " , 1ocation .prO モ ooo1 ) : 

-write ("<BR>" ) : 

-write ("ホス トコ ンピュータ 名 : " , 1ocation .hostname ) : 
.wr1te ("<BR>" ) : 

-wr1te ("パス 名 : " , 1ocation .pathname ) : 

-wr1te( "<BR>" ) : 

-write ("コミ ュ ニ ケー ショ ン ポ ー ト 番号 : " , 1ocation .por ) : 
-wr1te( "<BR>" ) : 

-write(" ホス ト 名 ・ ポ ー ト 番号 : " , 1ocation . host) : 


番号 の 値 を 、「hosjl は ホス ト 名 と ポー ト 番 号 部 分 の 値 を も 、 そ れ ぞ れ 返 


IANGUAGE= "JavaScr1pt "> 


| ime リー 
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上 | ー… 


354 


1ocation .hreE [プロ パティ] 








* 入 力 され た URL へ 進む フォ ー ム を 作る 


tp77wwww shuwasystem co jp/ に | 
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WT 書 簿 Wew 
葉 刊 書 欄 
実 護 プ ログ ラミ ング 
時 mdsps Mew 
上 き 介 2 で 1 


サン プル で は 、locarion オ プ ジ ェ クト が 動 的 に URL を 変更 で きる こと を 利用 し て 、 
ボタ ン が クリ ッ ク さ れ た タイ ミン グ で フォ ー ム の 内 容 を 参照 し 、 フ ォ ー ム に 入力 さ 
れ た URL の 値 を 「href] プロ パテ ィ に 設定 する こと に よっ て 、 フ ォ ー ム に 入力 され た 
URL が プラ ウザ に ロー ド さ れ ま す 。 

また 、 も し フォ ー ム に 何 も 入 力 さ れ て いな い 時 に は 、 警 告 用 の ダイ アロ グ ボ ックス 
が 開き ます 。 入 力 さ れ た URL が 不正 な 場合 は 、 プ ラウ ザ 自 身 が 警告 用 の ダイ アロ グ 
ボッ クス を 出し て 、 利 用 者 に 注意 を うな が し ます 。 


<HTML><HEAD><TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScript "> 
に 

funoction LC (go) { 


1F (go.ur1 .va1ue != "") { 1ocation.hreE=go . ur1 . 一 
va1ue } d 
e1se ({ alert( "URL を 入力 し て くだ さい " ) } 
} 
/:/ー ニ ュ テ 
< く / SCRTPT> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFF"> 
* 入 力 さ れ た URL へ 進む フォ ー ム を 作る <P> 

<FORM NAME="URL"> 

<TNPUT ="tex 二 " NAME="ur1" VALUE= "http : //" STZE=40 > 
<TNPUT TYPE="button" NAME= "CF" VALUE=" Go!! " onC1ick=" 
LC(this . Form) "> 朋 
< く /FORM> 

</ BODY></HTML> 








上 用具 <NPUT TYPE='button'>ー「Form オ ブ ジ ェクト 」 の 「 ボ タン を リン ク に 使う 」:P.372 参 昭 
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ォ ロ ー ド 完了 後に 次 の ペー ジ を ロー ド す る 
ペー ジ の ロー ド が 完全 に 終っ て か ら 10 秒 後に 別 の ペー ジ へ 移り ます _。 











⑪, 
和 多 


の 4Zg 
マ き 閑 情 報 99707724 
1Nf 刊 寺 生 MEW 
HE 寺村 
実 隊 プログ ラミ ング F 
Pe ーー nam Mrw 
FT フェア 人 人 
に き 儲 T 中 


サン プル で は 、 ペ ー ジ の ロー ド が 終っ て か ら 10 秒 後に 関数 [NEXT1()」 が 発生 し 、 
[location.href で 設定 し て いる URL を プラ ウザ に ロー ド し ます 。 

次 の ペー ジ を ロー ド す る タイ ミン グ は 、[serTimeout('NEXT1()',10000)」 内 の [10000] 
を 変更 する こと で 可能 で す 。 

HTML の <META> タ グ で も 自動 的 に ペー ジ を ロー ド す る こと が 可能 で す が 、 そ の 場 
合 は 回 線 状態 に よっ て は 表示 が 遅く な り 、 ペ ー ジ が 完全 に ロー ド さ れる 前 に 次 の ペー 
ジ が ロー ド さ れ て し まう こと が あり ます 。 こ の サン プル の 場合 は 、 ペ ー ジ が 完全 に 
読み 込ま れる まで イベ ント が 発生 し ませ ん の で 、 そ の よう な 問題 を 回 避 す る こと が 
で きま す 。 


<HTML><HEAD><TTTLE></TTTLE> 

<SCRTPT Language= "JaVaScr1p 上 "> 

< ルーーー 

function NEXT1 ( ) { 1ooation .href = "hEtp: / /www .shuwasysEem . 一 
GOs3B/" 人 
ソニ ニニ テ 

</ SCRTPT> 

く /HEAD> 

< く BODY BGCOLOR="#FFFFFF" onLoad="setTimeout ( 'NEXT1 ( ) ', 10~ 
000)" > 』 
* ォ ロード 完了 後に 次 の ペー ジ を ロー ド す る <P> 

ペー ジ の ロー ド が 完全 に 終っ て か ら 10 秒 後に 別 の ペー ジ へ 移り ます . . . 。<P> 

< く TMG SRC="robo .g1F" ALT="robot .g1F" WTDHT="474" HETGHT 
="198"> 4 
</ BODY> 

< く /HTML> 











内 setTimeout0 一 「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」 :P.292 参 照 
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1ocation .hreE [プロ パテ ィ 1] 


・JavaScript 対 応 の ペー ジ 








ーー| *JavaScript 対 応 ペー ジ と 未 対応 ペー ジ を 振り 分 (ける 
JavaScript が 使え ね し \ ブ ラウ ザ は 、 5 秒 後に "META" タ グ で 「JavaScript 未 対応 の ペー ジ 」 に 飛び ます 。 
META が 使え な ウザ [は 、 こち ら か ら ま # だ さ 


・JavaScript 未 対応 の ペー ジ 





解 サン プル で は 、 ペ ー ジ の ロー ド 時 に 、 JavaScript に 反応 する プラ ウザ は [locarion.href 
月 を 理解 し て [js.html] の ペー ジ を 、 JavaScript に 反応 し な い プ ラウ ザ は HTML の 
<META> タ グ で javaScript 未 対応 用 の ペー ジ を それ ぞ れ ロー ド し 、JavaScript に も 
<META> タ グ に も 反応 し な い プ ラウ ザ に は 、 リ ンク を 設定 し て ペー ジ の 振り 分 け を 
行っ て いま す 。 


⑪ <HTML> 

<HEAD> 

<META http-equi マ ="refFresh "conten セ ="5:URL=no]s .htm1 "> 
<TTTLE></TTTLE> 

<SCRTPT Language= "JavaScrip ヒ "> 

で さび: デニー 

Function go]Ss ( ) { 1ocation.hreE = "]S.htm1" } 

ん /ー ニ ー タ 

< く / SCRTPT> 

く / HEAD> 

<BODY BGCOLOR= "#FEFFFFF "> 

*JavaScrip て 対応 ペー ジ と 未 対応 ペー ジ を 振り 分 ける <P> 
JavaSor1ip 上 が 使え な い プ ラウ ザ は 、5 秒 後に "META" タグ で 「JavaScrip 未 対応 
の ペー ジ 」 に 飛び ます 。<BR> 
<A HREF="no]s .htm1 ">"META" タ グ が 使え な い ブ プラ ウザ は 、 こ ちら か ら お いで ぐ く T] 
だ さい 。</A> | 
<SCRTPT Language= "JavaScr1p 上 "> 

に 

9o]s ( ) 

/ / ーー テ 

</ SCRTPT> 

</ BODY></HTML> 


用 に ーー 








旧 了 <META>ー:「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 自 動 的 に ペー ジ を 読み 込む 」:P.36 参 照 
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1ocation .hreE 


* 各 ブラ ウザ 専用 バー ジ に 振り 分 ける 
ブラ ウザ 判別 中 





・Internet Explorer4.x 用 の ペー ジ 


・Netscape Navigator4.x 用 の ペー ジ 





解 サン プル で は 、navigatorr オ プ ジ ェ クト の プラ ウザ 名 と パー ジョ ン を 取得 する プロ パ 
月 j』 ティ を 使用 し て プラ ウザ の 種類 と バー ジョ ン を 判 暫 し 、 そ れ ぞ れ の プラ ウザ 専用 ペー 
ジ へ の 振り 分 け を 行っ て いま す 。 
Internet Explorer3x は 、 バ パー ジョ ン と し て 「2.0] を 返す も の が ある の で 、 そ の 点 も 考 
慮 し て いま す 。 ま た Intemnet Explorer5.0 は 、 現在 バー ジョ ン と し て [4.0] を 返す の で 、 
バー ジョ ン 情 報 の 中 か ら 「MSIE 5] と いう 文字 列 を 検索 し て 振り 分 け て いま す 。 


7 <HTML> 
の 
用 HEAD> 
<TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaSC エ 1p ト "> 
< く ! ーーー 
Function GoPege() { 
if ( navigaor . appName . CharAt (0)=="N" ){ 
if (navigator . appVerSion . Char ム ( 0 ) ==2 ) { 1ocation . 
hreF = "NN2.htm1" } | 
1F (navigator . appVersSion . CharA ( 0 ) ==3 ) { 1ocation . 
hreE = "NN3.htm1" } 』 
if (navigator . appVers1on . CharA ム t ( 0 ) ==4 ) { 1ocation - 
hreE = "NN4.htm1" } | 
} 
if ( navigator . appName . CharAt(0)=="M" ){ 
if (navigator . appVersiton . CharA ム t ( 0 ) ==2 ) { 1ocation . 
hreF = "TE3.htm1" } | 
ュ f (naigator . appVer ら S1 on . CharA ( 0 ) ==3 ) { 1ocation . 
hrefF = "TE3.htm1" } 


用 の t 陳 半 誰 問 和 病 コ ご 
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1F (navigaor . appVers1on . charAt ( 0 ) ==4 ) { 
tf (navigator . appVersion . indexOF ("MSTE 5") ! 
= -1) { 1ocation.hreE = "TE5.htm1" } | 
e1se { 1oocation.href = "TE4.htm1" } 
} 
if (navigaor . appVers1 on . CharAt ( 0 ) ==5 ) { 1ocation 
hreF = "TE5.htm1" } 有 
} 





} 

が が 

</ SCRTPT> 

< く /HEAD> 

< く BODY> 

* 各 ブラ ウザ 専用 ペー ジ に 振り 分 ける <P> 
ブラ ウザ 判別 中 . . . 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
く !ー ニ ーー 

GoPege( ) 

ん / ニ ニニ ウ み 

</ SCRTPT> 

</ BODY> 

</HTML> 








上 navigator.appName 一 「navigator オ ブ ジ ェクト 」 の 「 ブ ラウ ザ 名 を 取得 する 」 :P.264 参 照 

上 l 除 navigator.appVersion…「navigator オ ブ ジ ェクト 」 の 「 ブ ラウ ザ の バー ジョ ン を 取得 する 」 :P.265 参 照 
有 l charAt0 一 「string オ ブ ジ ェクト 」 の [番目 の 文字 を 抜き 出す 」:P.487 参 照 

上 lindex0f0「string オ ブ ジ ェクト 」 の 「 先 頭 か ら 文字 列 を 検索 する 」:P.490 参 照 


| | ぶ * ト 迎 居 部 療 コ ご 
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onMouBeOver [イベ ント ハン ドラ ] 


1ocation .hash [プロ パテ ィ ] 


* ア ンカ ー を 設定 する 


この 文字 の 上 に マウ スポ ボ イン 














サン プル で は 、 リ ンク の 上 に マウ スポ イン タ が 乗っ た 時 、 関 数 [LinkMo4(#Go)] が 
発生 し て [locauon.hash」 に 「#Go」 の 値 が 渡さ れ 、 ア ンカ ー で 指定 され た 場所 に ジャ 
ンプ し ます 。 

Windows 版 の プラ ウザ で は 、 ス クロ ー ル バー が 出 て いる 範囲 で し か ペー ジ が 動き ま 
せん 。 サ ンプ ル で は 、 移 動 する 範囲 た 広げ る た め 、 ダ ミー と し て <BR> タ グ を 入れ て 
いま す 。 


<HTML><HEAD><TTTLE></TTTLE> 


* ア ンカ ー を 設定 する <P> 

<A href="LTNK5 .htm1" onMougeOver="LinkMo4 ( '#Go' ) "> この 文字 
の 上 に マウ スポ イン タ を 乗せ る と . . .</A><HR> 月 
< く BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR> 

<HR><A NAME="#Go"> こ こ に 来 ま す ! ! </A> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR> 

</BODY>< / HTML> 


<SCRTPT LANGUAGE="JavaScr1p"> 
で ニニ ー 半 
function LinkMo4 (go) { 1ocation.hash = go } 情 
//ーー ッ > 電 
</ SCRTPT> 利 
< く /HEAD> に 
<BODY> っ 
要 ま 補 天 
Re 補 








location オブ ジェ クト 359 


』 = 


* リ ロー ド ボ タ ン を 作る 





解 サン プル は 、 ブ ラウ ザ の 「 更 新 」(Reload) ボ タン と 同じ 働き を する スク リプ ト で す 。 
月 約 ボタ ン が クリ ッ ク さ れ た タイ ミン グ で 「reload()」 が 呼ば t れ 、 ペ ー ジ を リロ ー ド し ます 。 
JavaScript1.1 か ら 追加 され た メソ ッ ド で す 。 
P 


RT <HTML> 
多 <HEAD> 
イクル 
回 <TmTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFF"> 

* リ ロー ド ボ タ ン を 作る <P> 

<FORM> 

<TNPUT TYPE= "butEon" VALUE=" Reload " onC1ick="1ooation . 
re1oad( ) "> 』 
</FORM> 

< く / BODY> 

</HTML> 





上 NPUT TYPE=*button>ー「Form オ ブ ジ ェクト 」 の 「 ボ タン を リン ク に 使う 」:P.372 参 照 





| の 衣 当 評 問 病 コ て 
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* 元 の ペー ジ へ 戻れ わ ね いよ うに する 


っ 時 





月 記 換え ます 。 
し た が っ て 、 元 の ペー ジ URL が 来歴 上 に 残り ませ ん の で 、 バ ッ ク ボ タン を 使っ て 元 
の ペー ジ へ 戻っ て 来る こと が で き な く な り ま す 。 
JavaScript1.1 か ら 追加 され た メソ ッ ド で す 。 


[replace0] メ ソ ッ ド は 、 現 在 表示 され て いる URL を 、[()] 内 で 指定 し た URL に 置き 


9 <HTML> 
トン 
レン 別 “HEAD> 
回 <TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFF"> 
* 元 の ペー ジ へ 戻れ な いよ うに する <B> 
<FORM> 


<TNPUT TYPE="button" VALUE=" Bye!! " onC]1iok="window. 
1ocation .rep1ace ( 'hEEp : / /www . bekjkoame . or . Jp/~-hamba/ !' ) "> | 
< く /FORM> 

</ BODY> 

</HTML> 








上 l 具 <NPUT TYPE="button'>「Form オ ブ ジ ェクト 」 の 「 ボ タン を リン ク に 使う ]:P.372 参 照 
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document .13nks [インデ ックス ] .href [プロ バ パティ] 
document .1inks [プン デ ックス ] .protoco1 [プロ パテ ィ ] 
document .1inks [プン デック ス ] .hostname [プロ パテ ィ ] 


document .1inks [プン デック ス ] .pathname [プロ バテ ィ 1] 
document .1inks [プン デック ス ] .port [プロ パテ ィ ] 
document .11nks [イン デック ス ] .host [プロ パテ ィ 1] 
document .1inks [イン デック ス ] . search [プロ パテ ィ ] 
document .11nks [インデックス] .target [プロ バテ ィ ] 





ォ リ ンク の URL 情報 を 表示 する 





URL.http://developernetscape.com/tech/javascript/index html 
ブロ トコ ル http 


ホス ト 名 developernetscapecom 

バス 名 +ech/javascript/indexhtml 

コミ ュ ニ ケー ショ ン ボ ー ト 番号 80 

ホス ト 名 ・ ボ ー ト 番号 developernetscape com30 
? 以 降 の 文字 

ター ゲッ トウ ィ ン ド ウ .Open 





解 Link オ プ ジ ェ クト は 、 ペ ー ジ 上 の リン ク の [0] か ら 始 まる 配列 を 作成 し 、 そ の 中 に は 
銀 史 各 リ ンク の 情報 が 格納 され て いま す 。 

サン プル で は 、 リ ンク が 1 つ し か な い の で 、 そ の リン ク は [documentlinks[0]」 で 参照 
で きま す 。 も し も 複数 の リン ク が 存在 する 場合 は 、 イ ン デ ックス の 部 分 が 上 か ら [0]、 
[1]、[2]… と な り ま す 。 
「href] プロ パテ ィ は URL 全体 の 値 を 、「protocoll プロ パテ ィ は URL の 内 http や ftp な 
どの プロ トコ ル 部 分 の 値 を 、[hostname] プロ パテ ィ は URL の 内 の ホス ト 名 部 分 の 値 
を 、|pathname] プロ パテ ィ は URL の 内 パス 名 部 分 の 値 を 、「porcl プ ロ パ ティ は URL 
内 の :8080 な どの ポー ト 番 号 の 値 を 、[hosc| プ ロ パ ティ は ホス ト 名 と ポー ト 番 号 部 分 
の 値 を 、「search] プロパ ティ は? で 始ま る 問い 合わ せ 文 字 列 を 、「targetl は トラ ンジ ッ 
ト 属性 を 、 そ れ ぞ れ 返 し ます 。 
Link オ プ ジ ェ クト に は 、 こ れ 以 外 に も 、「hash]( ア ンカ ー) プ ロ パ テ ィ が あり ます 。 
これ ら の プロ パテ ィ は 読み 出し 専用 で す 。 


l の 還 梁 赴 交 一 せき ・ ざ V こ 
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<HTML> 
< く HEAD> 
<TTTLE></ 
</ HEAD> 
<BODY BGC 


* リ ンク の URL 情報 を 表示 する <P> 


< く A HREF=" 


index .htm1" target="_Open ">Netscape 社 の JavaScript Deve1o 


per Cent エ 
く P> 
<SCRTPT 葉 
に 


TTTLE> 
OLOR="#FFFFFF "> 


http : / /deve1oper .netscape . com/tech/ avaSCrip/ 





a1</ ム > 


ANGUAGE= "JaVvaScr1p 上 "> 


document .write ( "URL:" ,document .1iniks[0] .hreE ) : 


documen キ 
documenE 
documen ヒ 
documen キ 
document . 
documenE 
documenE 
documenE 
por ) : 

document 
document 
documen 
document 
document . 
documen 
ーーー 

</ SCRTPT> 
</ BODY> 

</ HTML> 


-write ( "ター ゲッ トウ ィ ン ド ウ : " , document .1injks [0] .target ) , 


・write ("<BR>" ) 』 

-write ( "プロトコル : " , document .1inks [0] .protoco1 ) : 
・Write( "<BR>" ) : 

-write ("ホス ト 名 : " , document .1inks[0] .hostname ) : 


write ("<BR>" ) : 


-write ("パス 名 : " , document .13inks [0] .pathname ) : 
・write ("<BR>" ) : 
-Write ("コミ ュ ニ ケー ショ ン ボ ポー ト 番 号 : " , document .1inkgs [0] 衣 


-wr1te ("<BR>" ) : 

・write(" ホス ト 名 ・ ポ ー ト 番号 : " , document .1injkks [0] .host ) : 
・WriEe ("<BR>" ) : 

.write("? 以 降 の 文字 : " ,document .1injks[0] .search ) : 


write( "<BR>" ) : 








リ 

ン 

ク 

剖 

に 4 

カ 

8 

8 

る 
本 
に 
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* ォ リン ク の 上 に ボイン タ が 乗る と ウィ ンド ウ を 開く 


この 文字 の 上 に マウ スポ イン タ を 乗せ る と 









ウィ ンド ウ が 開き ます で う 。 


css | 





リ 
ン 
み 
ンー 
ン 
カ 
I 
avaScript で は 、 リ ンク の 中 に イベ ント ハン ドラ を 組み 込む こと が で きま す 。 
を 
利 遇 史 サン プル で は 、 リ ンク の 中 に イベ ント ハン ドラ 「onMouseOver| を 組み 込み 、 マ ウス 
上 カー ソル が リン ク の 上 に 乗っ た 時 に 、 新 し い ウ ィ ン ド ウ が 開く よう に し て いま す 。 
る 
ーー 較 生 <HTML> 
"シン <HEAD> 
帳 <TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
に 
Function LinkMo1 ( ) { 
Yar LM1: 
LM1 =window . open ("" , "DocWin1" , "too1bar=no, 1ocation= 
no,d1reoories=no , width=300 ,height=250" ) : | 
LM1 .document . write ( "<HTML><HEAD><TTTLE></TTTLE> 
LM1 .document .write ("<BODY BGCOLOR= '#FFFFFE "> 9) 
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LM1 .document .write ("ウィ ンド ウ が 開き ます (^_^) 。 交 衣 
LM1 .document .write ( "<HR> 章 は 
LM1 .document .write ( "<FORM> 9 
LM1 .document . write ( "<TNPUT type='button' name= "Woc12r 

va1ue=' C1ose ' onC1ick= 'window .C1ose( ) ">") : 月 
LM1 .document .write ( "</FORM> 7 
LM1 .document . write ( "</BODY> 7 
LM1 .document . write ( "</HTML> 結 朋 
LM1 .document .c1ose( ) : 


} 





が = ニ = 

</SCRTPT> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* リン ク の 上 に ポイ ンタ が 乗る と ウィ ンド ウ を 開く <P> 

<A HREF="#" onMouseOver="LinkMo1 ( ) "> この 文字 の 上 に マウ スポ イン タ 

を 乗せ る と . . .</A> 5 
</ BODY> 

</ HTML> 








用具 onMouseOver* リ ファ レン ス 「 イ ベン トバ ハン ドラ 」 の 「onMouseOver」:P.548 参 照 


リ 

2 

ク 

4 

ビス 

カ 

1 

和 を 

る 
eee 
Eee 
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| ぷー 還 居 還 此 靖 一 せ " ざ ・ ざ Y こ 


ォ リ ンク を ボタ ン の よう に 使う - 1 - 


ー の 文字 を クリ ッ ク す る と 


この 人 子 せ グッ ンジ EM 






ウィ ンド ウ が 開き ます で ぐう 。 
元 ペ ー ジ も ロー ド し ませ ん 。 





時 市 





リン ク の URL を 指定 する 部 分 で 「javascripc 関 数 ] と 指定 する と 、 リ ンク を クリ ッ ク し 
た タイ ミン グ で 関数 を 発生 させ る こと が で きま す 。 

サン プル で は 、 リ ンク を クリ ッ ク す る と 関数 [LinkMo2()」 が 発生 し て 、 元 の ペー ジ 
は その まま で 新しい ウィ ンド ウ が 開き ます 。 


<HTML> 

< く HEAD> 

<TTTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScr1pt"> 
な 流 デ ニー 


Function LinkMo2 ( ) { 


Var LM1 : 
LM1=window .open ("", "DocWin2" , "too1bar=no , 1ocation=no, 2 
rectories=no , w1Qth=300 , he1ght=250" ) : 
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TLE>" ) : 
LM1 .document .wr1 て e ( "</HEAD> 


TLM1 .document . write ( "<BODY BGCOLOR= '#FFFFFF "> し 


LM1 .document . write ( "<BR> 


LM1 .document . write ("ウィ ンド ウ が 開き ます (^_^) 。 . 


LM1 .document . write ( "<BR> 

LM1 .document .write ( " 元 ペ ー ジ も ロー ド し ませ ん 。 
LM1 .document . write ( "<HR> 

LM1 .document . write ( "<FORM> 


LM1 .document . write ( "<HTML><HEAD><TTTTLE>TTNK SAMPTLE< | 


雪が) 


9 地 


90 
0 が) 





は 
9g 


LM1 .document .write ( "<TNPUT type='button' name= 1 
value=' Cl1ose ' onC1ick='window.C1ose( ) ">") : 


LM1 .document . write ( "</FORM> 
LM1 .document . write ( "</BODY> 
LM1 .document .write ( "</HTML> 
LM1 .document .c1ose ( ) : 
} 

7/ こ =ー テ 

</ SCRTPT> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* リン ク を ポタ ン の よう に 使う - 1 -<P> 


9 選 
玉 
剖 原 


< く A 本 REF="avasoript LinkMo2 ( ) "> この 文字 を クリ ッ ク す る と . . .</a> 


</ BODY> 
</HTML> 








| の 還 央 上 可 靖 一 せ じ ざ ・ さ V こ 
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onC1iok 
return Fa]1se 





リン ク を ボタ ン の よう に 使う - 2 - 


ウィ ンド ウ が 開き ます で)。 
元 ペ ー ジ も ロー ド し ませ ん 。 


Close | 


解 リン ク 上 で 「onClick」 を 使用 し た 場合 、 リ ンク を クリ ッ ク し た 時 に 関数 が 発生 する の 
証 記 と 同時 に 、 リ ンク の 動作 も 発生 し て し まい ます 。 し か し 、JavaScript1.1 か ら は [retum 
flse] を 返す と 、 そ の 時 点 で 関数 の 処理 と リン ク の 動作 を 中 止 で きる よう に な り ま 
じ 
サン プル で は 、 リ ンク が クリ ッ ク さ れる と 関数 [LinkMo4()」 が 評価 され て 、 ウ イン 
ドウ を 開く 処理 を 行い ます 。 そ の 後 、「return 伸 se] で イベ ント の 処理 を 中 止 す る の 
と 同時 に 、 リ ンク の 動作 も 中 止 す る よう に し て いる の で 、 他 の リン ク へ 飛ぶ 動作 は 
発生 し ませ ん 。 


<HTML> 
< く HEAD> 
<TTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
Si ーーー 
Function LinkMo4 ( ) { 
Var LM1 : 
LM1=window .open("" , "DocWin4" , "too1bar=no , 1ocation=no, d1 
rectorres=no, w1dth=300 ,height=250" ) : 
LM1 .document .write(" 7320 
TLE>" ) 
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LM1 .document . write ( "</HEAD> 
LM1 .documen . write ( "<BODY  BGCOLOR= '#FFFEFEFEF "> 
LM1 .document .w エ 1e ( "<BR> 
LM1 .document .write ("ウィ ンド ウ が 開き ます (^_^) 。 ) 
LM1 .document . write ( "<BR> 
LM1 .document . write ( " 元 ペ ー ジ も ロー ド し ませ ん 。 3 
LM1 .document . write ( "<HR> MM 
LM1 .document . write ( "<FORM> 7 | 一 
LM1 .document .write ("<TNPUT type='button' name= 'Wc12・ 
Value=' Cl1ose ' onC1iokk='window .C1ose( ) ">") : 肌 
LM1 .document . write ( "</FORM> 0 党 
LM1 .document .wrie ( "</BODY> 0 
LM1 .document . write ( "</HTML> HH 
LM1 .document .c1ose( ) : 
return Fa]1se: 
} 





//ーーー> 
</ SCRTPT> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

リン ク を ボタ ン の よう に 使う - 2 -<P> 

<A HREF="#" onC1iok="return LinkMo4 ( ) "> この 文字 を クリ ッ ク す る と 
に イル - ャ コ 2 
</ BODY> 

</HTML> 








上 lonClick リ ファ レン ス 「 イ ベン ト ハ ンド ラ 」 の [onClick」 :P.547 参 照 


リン ク で イベ ント ハン ドラ を 使用 する 時 の 注意 


リン ク 上 で 「onClickl な どの イベ ント ハン ドラ を 使う 時 に は 、 必 ず リ ンク の 指定 を し 
て くだ さい 。 

リン ク の 指定 が され て いな い 時 に リン ク が クリ ッ ク さ れる と 、 サ ー バ ー の 設定 に よっ 
て は 、 そ の HTML フ ァイル が 納め られ て いる ディ レク トリ の 一 覧 が 表示 され て し まう よ 
うな 場合 も わり ます 。 

Netscape Navigator3.0 以 上 で は 、「return false」 を 使う こと に よっ て 問題 は 解消 
され ます が 、 そ の 他 の ブラ ウザ で は 、「return false」 は 無視 され ます 。 

も し も 、 リ ンク を ボタ ン の よう に 使い 、 ク リッ ク し て も 他 の ペー ジ へ 飛び た く な いよ 
うな 時 に は 、「A HREF='"#" 」 と いっ た よう に リン ク に 「 提 を 設定 する と よい で し ょ う 。 





Link・Anchor オ ブ ジ ェクト 369 


<TNPUT TYPE="radio" NAME= " ラジ ブナ ブ ジ ェクト 名 " VALUE=" 値 " 
イベ ント ルン だ ラ > 












* ラ ジオ ボタ ン を リン ク に 使う 


Top へ 






て 1Page 目 
2 て 2Page 目 
| @ BPage 目 
て フレ ー ム を 抜け 
る 






解 サン プル で は 、 ラ ジオ ボタ ン に イベ ント ハン ドラ [onClick] を 設定 する こと に より 、 
目 ラジオ ボ タン が クリ ッ ク さ れる と 関数 が 発生 し 、URL が 引き 渡さ れ て 、 フ レー ム 名 
「 久 ] に ペー ジ が ロー ド さ れ ま す 。 
locariton オ プ ジ ェ クト の [href] プ ロ パ テ ィ を 使っ て フレ ー ム に ペー ジ を 読み 込む 場合 、 
フレ ー ム を 抜け て ペー ジ を 表示 する に は 、 サ ンプ ル の よう に 「parent.top.location. 
href=URL] と 、「top] プ ロ パ ティ を 指定 し ます 。 


| の t 圭 薄 ト ー さ コ 


5 【 フ レー ム 】 
の 
<HTML> 
の 
< く HEAD> 
<TTTLE></TTTLE> 
</ HEAD> 


<FRAMESET COLS="170,* リ > 
<FRAME SRC="F]1 .htm1" NAME="F1"> 
<FRAME SRC="F2 .htm1" NAME="F2"> 
< く /FRAMESET> 


370 Form オブジェ クト 


<NOFRAMES> 

フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の ブラ ウザ で 試し て くだ さい (^_^) 。 
</NOFRAMES> 

</HTML> 


【f1.html】 
<HTML> 
<HEAD> 
<TTTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaScr1pt "> 
SN ビニ ミュ 
function P1 (w1) { parent .fF2.1ocation .hreF=w1 } 
function TP(w2) { parenE .top.1ocation .hrefF=w2 } 
(パー コーデ 
</SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF "> 
<FORM> 
<TNPUT TYPE=" ェ radio" NAME= "FRGoO" VALUE="FR" onC1ick="P1 
( 'E2 .htm1') " checked>Top へ | 
く P> 
<TNPUT TYPE="radio" NAME= "FRGoO" VALUE="EFR" onC1ick="P1 
( 'page1 .htm1 ' ) ">1Page 目 軸 
< く P> 
<TNPUT TYPE=" ェ adio" NAME= "FRGoO" VALUE="FR" onC1ick="P1 
( 'page2 .htm1 ' ) ">2Page 目 | 
< く P> 
<TNPUT TYPE="radio" NAME= "FRGoO" VALU 到 ="FR" onC]1ick="P1 
( 'page3 . htm1 ' ) ">3Page 目 d 
く P> 
<TNPUT TYPE="radio" NAME= "FRGO" VALUE="ER" onC]1ick=" 
TP ( 'top .htm1' ) "> フレ ー ム を 抜け る | 
</FORM> 
</ BODY> 
</HTML> 


【f2.html】 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF"> 
* ラ ジオ ポタ ン を リン ク に 使う 

</ BODY> 

</HTML> 








旧 <NPUT TYPE='radio>ー「 入 力 フォ ー ム 」 の 「 ラ ジオ ボタ ン を 作る 」:P.155 参 昭 
上 parent「frame オ ブ ジ ェクト 」 の 「 入 力 さ れ た UHL を 別 フ レー ム に 表示 する 」:P.324 参 照 
上 具 parent. フ レー ム 名 ocation.href=URL…「frame オ ブ ジ ェクト 」 の 「 複 数 の フレ ー ム を 同時 に 変更 する - ボ 
タン を 使う -」:P.326 参 昭 
Form オブ ジェ クト 








<TNPUT "TYPE="button" NAME= "が タン ブチ ブ ジ ェクト 名 " VALUE=" 誠 " 
イベ ント ルン が だ ラ > 








* ポ タン を リン ク に 使う 


が クリ ッ ク さ れる と 関数 が 発生 し 、URL が 引き 渡さ れ て 、 フ レー ム 名 [fl] に ペー ジ 
が ロー ド さ れ ま す 。 

window オ プ ジ ェ クト の 「open()」 メ ソ ッ ド を 使っ て フレ ー ム に ペー ジ を 読み 込む 場 
合 、 フ レー ム を 抜け て ペー ジ を 表示 する に は 、 サ ンプ ル の よう に 「window.open 
(URL,"_top") 」 と 、 ウ ィ ン ド ウ 名 に [_top」 を 指定 し ます 。 


サン プル で は 、 ボ タン に イベ ント ハン ドラ 「onClick] を 設定 する こと に より 、 ボ タン 


前 の 圭 落 エ ー さ ココ 


RY 【 フ レー ム 】 

0 <HTML> 
<HEAD> 
<TTTTLE></TTTLE> 
< く / HEAD> 
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<FRAMESET ROWS="*,100"> 
<FRAME SRC=" 下 1 .htm1" NAME="F1"> 
<FRAME SRC="F2 .htm1" NAME="fF2"> 
</FRAMESET> 
<NOFRAMES> 
フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の プラ ウザ で 試し て くだ さい (^_^) 。 
</NOFRAMES> 

< く /HTML> [59 
【f1.htmll 

<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* ボ タン を リン ク に 使う 

</ BODY> 

</HTML> 


【f2.html】 

<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScript 上 "> 

室 員 ニニ ー 

function P1(w1) { window.open (w1 ,"E1") } 

function TP(w2) { window.open (w2,"_top") } 

/ ニ ニー ニテ 

</ SCRTPT> 

</ HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

<FORM> 

<TNPUT TYPE="but 上 ton" NAME= "FBGo1" VALUE="Top へ " onC1iok 

=*P1 ( 'E1 htm1 ') "> 朋 
< エ NPUT "TYPE="button" NAME= "FEBGo2" VALUE="1Page 目 " on 

C1ick="P1 ( 'page1 .htm1 ' ) "> 
<TNPUT TYPE="button" NAME= "FBGo3" VALUE="2Page 目 " on 

C1ick="P1 ( 'page2 .htm1' ) "> | 
<TNPUT TYPE="button" NAME= "FBGo4" VALUE="3Page 目 " on 

C1ick="B1 ( 'page3 .htm1' ) "> 
<TNPUT "TYPEE="but も on" NAME= "FBGo4" VALUE=" フレ ー ム を 抜け る 

" onC1ick="TP ("top -htm1 ' ) "> | 

</FORM> 

</BODY> 

</HTML> 











用 <NPUT TYPE=*button>ー「 入 力 フォ ー ム 」 の 「 ス クリ ブ ト で 利用 する ボタ ン を 作る 」 :P.154 参 昭 

上 上 派 parent・「frame オ ブ ジ ェクト 」 の 「 入 力 さ れ た UHL を 別 フ レー ム に 表示 する 」:P.324 参 昭 

上 具 window.open(CUHL'" フ レー ム 名 ) 一 「frame オ ブ ジ ェクト 」 の 「 複 数 の フレ ー ム を 同時 に 変更 する - リン ク 
を 使う -」:P.328 参 昭 
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<SELECT NAME=" セ レク 人 ブチ ブ ジェ クト 名 " イベ ント ハン が だ ラ > 


<OPTTON> 文学 列 
フォ ー ム ナブ ジェ クト 名 . セレ クト オナ ブ ジェ クム 名. se1ectedTndex 
onChange [イベ ント ハン ドラ 1] 





* メ ニュ ー を リン ク に 使う 





解 サン プル で は 、 フ ォ ー ム の 内 容 に 変化 が あっ た 時 の イベ ント を 取得 し て 処理 を 発生 
衣 訪 する イベ ント ハン ドラ 「onChange」 に よっ て 、 メ ニュ ー の オプ ショ ン が 変更 され た 時 


フ に 、 関 数 [FC()」 の 処理 が 発生 し ます 。 

コ JavaScript は 、 自動 的 に 0 か ら 始ま る オプ ショ ン の 配列 を 作成 し て いる の で 、 ど の 
ム オプ ショ ン が 選ば れ た か は それ で 参照 する こと が で きま す 。 具体 的 に は 、「WO. 
人 FSGo.selectedIndex == 0] は 、 セ レク ト 名 「FSGol の イン デック ス 1 番 目 、 つ まり 
年 「<OPTION> Top へ 」 を 指し ます 。 こ の 値 が 真 (rue) の 時 は 、 そ こ で 指定 し て いる 
る URL[fI.htmll が フレ ー ム 「fI | に 読み 込ま れ ま す 。 

と 5 
RY 【 フ レー ム 】 


の <HTMTL> 
<HEAD> <TTTLE></TTTTLE></HEAD> 
<FRAMESET ROWS="*,80"> 
<FRAME SRC="fF1 .htm1" NAME="F1"> 
<FRAME SRC="F2 .htm1" NAME="F2"> 
< く /FRAMESET> 
< く NOFRAMES> 
フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の プラ ウザ で 試し て くだ さい (^_^) 。 
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</NOFRAMES> 
< く /HTML> 


【f1.html 

<HTML> 
<HEAD><TTTLE></T エ TLE></ HEAD> 
<BODY BGCOLOR="#FFFFFF"> 

* メ ニュ ー を リン ク に 使う 

</ BODY> 

</ HTML> 





【f ら .htmll 
<HTMTL> 
<HEAD> 
<TTTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 
で むー ニー 
function FC(WO) 【{ 

if (WO.FSGo.se1ectedTndexr 
tion.href = "fF1.htm1" } 

1f (WO.FSGo.se1eotedTndext 
tion.href = "page1.htm1" )} 

1F (WO.FSGo.se1ectedTndexr 
tion.hrefF = "page2.htm1" )} 

if (WO.FSGo.se1ectedTndex 
tion.hrefF = "page3.htm1" )} 

if (WO.FSGo.sge1eotedTndexr = 
ation.hrefF = "top.htm1" )} 
} 


山 
山 


0) { AM 


0) IE 


2)) 2 


3) { paren.f1 . 


4) ( parent .top. Al 


// ーーー> 

</ SCRTPT> 

</HEAD> の 

<BODY BGCOLOR="#FFFFFF"> オ 

<FORM> 1 

<SELECT NAME="FSGo" onChange= "FC(this .Form) "> 間 
<OPTTON> Top へ 
<OPTTON> 1 Page 目 
<OPTTON>2Page 目 用 
<OPTTON>3Page 目 BR 
<OPTTON> フレ ー ム を 抜け る 1 本 Rap 
</ SELECT> 

< く /FORM> 

</ BODY> 

</HTML> 








脈 <SELECT>+「 入 力 フォ ー ム 」 の 「 メ ニュ ー を 作る 」 :P.157 参 昭 

上 l 具 parent+「frame オ ブ ジ ェクト 」 の 「 入 力 さ れ た URL を 別 フ レー ム に 表示 する 」 :P.324 参 昭 

内 parent. フ レー ム 名 .Iocation.href ニ URL 一 「frame オ ブ ジ ェクト 」 の 「 複 数 の フレ ー ム を 同時 に 変更 する 
- ボタ ン を 使う -」 :P.326 参 照 
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則 中 寺 沙 共 トー キ コ 
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<FORM NAME=" フォ ー ム ブ ブ ジ ェクト 名 "> 
<TNPUT TYPE="text" NAME=" テ デキ スト ナブ ジェ クト 名 " size= ピ クセ ル > 
document . フォ ー ム 名 . テキ スト フォ ー ム 名 .va1ue 





ォ * フ ォ ー ム に 文字 を 流す 
[ cc 


* フ ォ ー ム に 文字 を 流す 


[ ここ に メッ セー ジ を 入れ ます 


ォ フ ォ ー ム に 文字 を 流す 
| ここ に 2> セ ー ジ を 入れ ます .…。 





解 サン プル で は 、 文 字 を スク ロー ル さ せる 部 分 は 、「window オ プ ジ ェ クト 」 の 「 ス テー 
有 記 タス 行 に 文字 を 流す ](P.292) と 同じ で す 。 

た だ し 、 文 字 を スク ロー ル さ せる の を 、 ス テー タス 行 で は な く フ ォ ー ム 内 の テキ ス 
ト 欄 に する た め に 、|window.status] と 指示 し て いた 部 分 が [document.Fmess. 
fmess.value] と な っ て いま す 。 こ れ は 、document オ プ ジ ェ クト の 中 の [Fmess」 と いう 
名 前 の フォ ー ム オプ ジェ クト 内 に ある 、[「fmess] と いう 名 前 の text オ プ ジ ェ クト 名 の 
値 で ある こと を 表わし 、 そ こ に 文字 列 を 代入 し て いま す 。 
オプ ジェ クト の 階層 が 深く て 少々 や や こし く 感 じ る か も し れ ま せん が 、 常 に オプ ジェ 
クト の 階層 関係 を 念頭 に 置い て スク リプ ト を 書く よう に すれ ば よい で し ょ う 。 


RON <HTML> 
* ウ 
2 削 <HEAD> 

思 <TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaScr1p キ "> 

で 1 ニニ = 

Var WTG = 0 3 

Va Ent 三 * MO) 
Yar Fmn2 = "ご こ に メッ セー ジ を 入れ ます . . . . . . io 

Var Fm = Fm1+Em2: 


Form オブ ジェ クト 


Function FMess() 【 
if (TC < 1000) { お 
が 変わ り ま す 
PDG まず 
document .FmeSsS 。 EmeSS .Ya1ue = Fm: 
Fm = Fm.Substring(2,Fm.1ength) + Fm. 
substring(0,2): J 
setTimeout ( "FMess ( ) ",300): 
e1se { dooument .FmesSs .Fmess .Yalue = "" } 





} 

ーー ピロ 

</ SCRTPT> 

</ HEAD> 

<BODY BGCOLOR= "#FFFFFF" onLoad="FMess ( ) "> 
* フ ォ ー ム に 文字 を 流す <P> 

<FORM NAME="FmeS8『> 

<TNPUT TYPE="teGxt" NAME="FmeSss" STZ 到 =50> 
</FORM> 

</ BODY> 

</HTML> 








風 <NPUT TYPE="text>ー「 入 力 フォ ー ム ] の 「1 行 の テキ スト 入力 フィ ー ル ド を 作る 」:P.148 参 照 


それ は JavaScript の せい で は な いん だ けど 


よく 聞か れる 質問 で 、「 フ ォ ー ム か ら 送 られ る デー タ を 「mailto:」 オ プシ ョ ン で メー ル で 
受け 取る よう に し て いる ん だ けど 、 メ ー ル で 受け た フォ ー ム の デー タ が 文字 化け し て 読 
め な い 」 と いう の が あり ます 。 フ ォ ー ム 内 に JavaScript を 設定 し た サン プル を Web ペ ー 
ジ 上 で 公開 し て いる の で 、 こ の よう な 質問 が 来る の で し ょ う が 、 こ れ に 関し て まず 明確 
に し て お くべ きこ と は 、「 そ の 現象 は JavaScript と は な ん に も 関係 が な い ] と いう こと と 、 

「 そ の 文字 は 別に 文字 化け し て いる わけ で は な い 」 と いう こと で す 。 

フォ ー ム か ら 送 られ る デー タ は 、UHL 形 式 と いう 形式 に 変換 し て 送ら れ ま す 。 フ ォ ー 
ム か ら 送ら れ て くる 「%⑳」 付 き の 文字 が 、 こ れ に な り ま す 。 し た が っ て 、 受け取 っ た デー 
タ は 、 元 の 読め ゆる よう な 形式 に デコ ー ド する 必要 が あり ます 。 

デコ ー ド する ツー ル に は 、「ClipDecoderl な ど が あり ます 。 


以 
オ 
1 
を 
# 
る 
ーー ミ 
Eo 
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* フ ォ ー ム 内 容 の 変更 を チェ ッ ク す る 











Fembsebekkoame ne.p 
* フ ォ ー ム 内 容 の 変更 を チェ ッ ク す る 
sebekkosmenejp 
RE 
に ーー ュー ニー 
(Yi 矢 ます 0 
解 サン プル で は 、 イ ベン ト ハ ンド ラ 「onChange」 を 使っ て 、 フ ォ ー ム の 内 容 に 変化 が 
月 呈 あっ た か どう か を チェ ッ ク し て いま す 。 
も し も テキ スト エリ ア 内 の 値 が 変え られ た 場合 、 フ ォ ー ム を 抜け る 時 に 「onChangc] 
が 関数 を 発生 し 、 テ キス ト エ リア の 値 を 元 に 戻す か どう か を 確認 する ダイ アロ グ ボ ッ 
クス を 出す 処理 を 実行 し ます 。 
KR <HTML><HEAD><TTTLE></TTTLE> 
に 消 <SCRTPT LANGUAGE= "JavaScr1pt"> 
る 


用 


く ! ーーー 
Function OC() { 
tf ( confirm ("フォ ー ム の 内 容 が 変更 され まし た 。 元 に 戻し ます か ?") ) { 
document .OnC.onc.value = "hambaebekkoame .ne. Jp" : 
} 
} 
(ーー 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFEFF "> 
* フ ォ ー ム 内 容 の 変更 を チェ ッ ク す る 
<FORM NAME="OnC"> 
<TNPUT TYPE="Eext" NAME="onc" VALUE = "hambaebekkoame . 
ne.Jp" STZE=30 onChange="OC( ) "> | 
</FORM> 
</BODY></HTML> 








上 <NPUT TYPE='text>ー「 入 力 フ ォ ー ム 」 の 「1 行 の テキ スト 入力 フィ ー ル ド を 作る 」:P.142 参 照 
旧 具 confirm0) 一 「window オ ブ ジ ェクト 」 の 「 確 認 ボ タン 付き の ダイ アロ グ ボ ックス を 開く 」:P.288 参 昭 
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<FORM NAME=" フォ ー ム ブナ ブ ジェ クト 名 " ACTTON=" 送 湖 先 " METHOD="POST" 
イベ ント ムル ンド だ ラ > 


<TNPUT TYPE="oheckbox" NAME=" チェ ッ ク が ックス ナブ ジェ クト 名 " 
VALUE=" 値 " イベ ント ルン ドラ > 
<TNPUT TYPE="reset" VALUE=" 値 " プイ ベン トル ンド だ ラ > 





ォ * フ ォ ー ム の 内 容 を チェ ッ ク す る 
お 名 前 ]| (必ず 入力 し て くだ さい 〉 


ブラ ウザ は 何 を お 使い で すか ?( 必 ず 1 つ 以上 チェ ッ ク し て 下さ い 〉 

「 Netscape4.x 
「 Netscaped.x 
「 Netscape2.x 
「 Explorer5.x 
「 Explorer4x 
「 Explorer3.x 
「 その 他 


た es リセ ッ ト す る | 








サン プル で は 、「 メ ー ル を 送る 」 ボ タン が 押さ れ た 時 に 、 イ ベン ト ハ ンド ラ [onSubmirl 
月 記 が 関数 の 処理 を 発生 し て 、 フ ォ ー ム 内 の チェ ッ ク を 行っ て いま す 。 

も し も その 時 に 、 名 前 を 書く 欄 に 何 も 記 入 さ れ て いな か っ た り 、 チ ェ ッ クボ ックス 
が 1 つも チェ ッ ク さ れ て いな い 場 合 は 、 和 警告 用 の ダイ アロ グ ボ ックス を 開き ます 。 
チェ ッ ク ボ ックス は 、1 番 始め に すべ て の チェ ッ ク ボ ックス に [sel( 偽 ) の 値 を 代入 
し 、 チ ェ ッ クボ ックス が クリ ッ ク さ れる 度 に その 反対 の 値 、[ 介 se]( 偽 ) だ っ た ら 「rrue] 
( 真 )、「ruel( 真 ) だ っ た ら 「 介 scl( 偽 ) を 代 人 する こと に より 判定 し て いま す 。 ま た 、 
「 リ セッ ト す る ] ボ タン が 押さ れ た 時 は 、 す べ て の チェ ッ ク ボ ックス に 「 人 名 sel( 偽 ) の 
値 が 代入 され る よう に し て いま す 。 


| ぷ 愉 寺 落 菩 ト ー ミ ココ 


7 <HTML><HEAD><TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScr1pt"> 
1 ニー ニー 

Yar fF1=Ffa] se: 

var fF2=fFa]se: 

Yar F3=fa] se: 

var fF4=fa]se: 
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Var fF5=fFa]s6: 
Var F6=fFal]se: 
Var F7=fFa1se: 
Function Mcheock( ) { 
ifF (document .MATL.4 .Namae .value=="") { 
window .a1er ( "名 前 を 入力 し て くだ さい ") : 
return false } 
1F (F1==falseg&F2==fFa]1seggF3==FalseggfF4==fFa]seg&gF5 
==fFa1seg&gF6==fFalseggF7==fFalse) { 
window .a1ert (" チェ ッ ク ポ ックス を 、 52 





だ さい ") : 
return fa1se } 

eturn 上 上 了 UGz 
} 
Function Fres () { FE1=fFa]se:F2=False:F3=Fa]se:F4=Fa]gse: 
F5=fa]se:F6=Fa]1se:F7=Fa]se: } 4 
/./ ニ ーー テ 
</SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFEF"> 
* フ ォ ー ム の 内 容 を チェ ッ ク す る <P> 
<FORM NAME="MATL4" ACT〒TON="mai1to:hambaeppp . bekkoame . 
ne.]D" METHOD="POST" onSubmit="return Mcheck ( ) "> 
<B> お 名 前 :</B><TNPUT TYPE="text" NAME="Namae" STZE=20> (必ず 
入力 し て くだ さい ) <BR> コ 
く P> 
<B> プ ラウ ザ は 何 を お 使い で すか ?</B> (必ず 1 つ 以 上 チェ ッ ク し て 下さ い ) <BR> 
< エ NPUT TYPE="oheokboxx" NAME="NorE1" VALUE="Netscape4 .x" 
onC11ick="F1=! 下 1 ">Netscape4 .x<BR> 
<TNPUT TYPE="oheokboxx" NAME="NorE2" VALUE="Netscape3 .x" 
onC1 ick="F2=!FF2">Netscape3 . x<BR> 
< エ NPUT TYPE="oheokbox" NAME="NorE3『 VALUE= "Netscape2 .x" 
onC1iok=" 3=!F3 ">NetsCaDpe2 . x<BR> 
< エ NPUT "TYPE="oheokbox" NAME="NorE4" VALUE="Exp1orer5 .x" 
onC11ck= "4=!F4">Exp1orer5 . x<BR> 
<TNPUT TYPE 下 ="cheokboxx" NAME="NorE5" VALUE="Exp1orer4 .x" 
OnC11ick= "5=!F5">ExD1O ェ er4 . x<BR> 
< エ NPUT "TYP 正 ="oCheokbox" NAME="NorE6" VALUE="Exp1orer3 . xr 
onC1ick="F6=!F6">Exp1ore エ 3 . x<BR> 
< エ NPUT TYPEE="oheockboxr" NAME="NorE7" VALUE="otherm onC]ick 
="E7=!E7 "> その他 | 
く P> 
< エ NPUT TYPE="Submit" NAME="BOOK1" VALUE=" メール を 送る "> 
< エ NPUT TYPE="resget" VALUE=" リ セッ ト す る " onC1ick="Frest ( ) "> 
</FORM> 
</ BODY> 
< く /HTML> 


EEEHIE_IE_IE_ME 」 


フ 
オ 
1 
1 
る 
SgerWcae 
5 








上 上 除 window alert0 一 「window オ ブ ジ ェクト 」 の 「 警 告 用 の ダイ アロ グ ボ ックス を 開く 」:P.o87 参 昭 
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<TNPUT TYPE="hidden" NAME=" ヒ だ ゥ ンチ ブ ジ ェクト 名 " VALUE=" 人 "> 
onSubmit [イベ ント ハン ドラ 1] 





* フ ォ ー ム か ら の 送信 に メモ を 付け る 





お 名 前 .Ehuws Tou に ee 
E-mai: keroueshuwasyste m.CO.Dp 


mermmo- 


Aug 26 1254.40 1999Tils 間 し レデ テキ スト ボッ クス の テス ト 


Namae: 
Shuwa Tarou 


EMe 計 


tarou⑳shuwasystem Co」jp 


BOOK2: 
メー ル を 送る 





| の 土 落 時 トー ミコ 


4 隠し テキ スト ボッ クス hidden オ ブ ジ ェクト を 使え ば 、 フ ォ ー ム に メモ 的 に 情報 を 付 
表記 加 す る こと が で きま す 。 
サン プル で は 、「 メ ー ル を 送る ] ボ タン を クリ ッ ク し た 時 に 、 イ ベン ト ハ ンド ラ 
[onSubmit| が 関数 の 処理 を 発生 し て 、 隠 し テキ スト ボッ クス に 、|document.title] 
プロ パテ ィ で 取得 し た HTML フ ァイル の <TITLE></TITLE> 部 分 と コメ ント 、 
「now.toLocaleString()] メ ソ ッ ド で 取得 し た 日 時 を 付加 し て 送信 し て いま す 。 
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1 <HTML> 
<HEAD> 
<TTTLE>T1 上 16</TTTLE> 
<SCRTPT LANGUAGE= "JavaScr1pt"> 
Sh ニー デー 
Function Memo( ) { 
Var now = new Date( ) : 
Yar time = now.EoLoca1eString( ) : 
Var 上 it = dooumen .tit1e: 
Yar com = ": 隠 し レ テ キ スト ポッ クス の テス ト ": 
document .MATL2 .memo.value = time + tit + comz 
} 
ん 
</SCRTPT> 
<HEAD> 
<BODY BGCOLOR="#FFFFEFEF"> 
* フ ォ ー ム か ら の 送信 に メモ を 付け る <P> 
< く HR> 
<FORM NAME= "MATL2" ACTTON="mai1Eo : hambaeppp . bekkoame . 
ne.Jp" METHOD="POST" on8ubmit="Memo ( ) "> J 
< エ NPUT TYPE="hidden" NAME="memo" VALUE=""> 
<B> お 名 前 : </B> 
<TNPUT TYPE="tex" NAME="Namae" STZE=40> 
< く BR> 
< く B>E-ma1 ] :</B> 
<TNPUT TYPE="tex 革 上 " NAME="EMa1]" STZE=45> 
< く P> 
< く TNPUT TYPE=" submit" NAME= "BOOK2" VALUE=" メール を 送る "> 
<TNPUT TYPE="reset" VALUE=" リ セッ ト す る "> 
</FORM> 
</ BODY> 
</HTML> 








旧 際 FORM>ー「 入 力 フ ォ ー ム 」 の 「 メ ー ル で 送信 する フォ ー ム を 送る 」:P.140 参 照 

上 <NPUT TYPE="hidden>ー「 入 力 フ ォ ー ム 」 の 「 隠 し フィ ー ル ド を 作る 」:P.146 参 照 

上 document.title「document オ ブ ジェ クト 」 の 「 ド キュ メン ト の 情報 を 取得 する 」 :P.335 参 照 

上 上 孤 Date0 一 「Date オ ブ ジ ェクト 」 の 「 年 月 日 ・ 時 ・ 分 ・ 秒 を 表示 する 」:P.432 参 昭 

旧 了 toLocaleString()「Date オ ブ ジ ェクト 」 の [国際 標準 時 や ロー カル タイ ム を 表示 する 」:P.438 参 照 
上 具 onSubmit* リ ファ レン ス 「 イ ベン ト ハ ンド ラ 」 の 「onSubmit」:P.549 参 昭 
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document . フォ ー ム ナブ ジェ クト 名 . テ キス トナ ブ ジェ クト 名 .va1ue 


document . フナ ー ム ブチ ブ ジェ クム 名 . セ レク トブ ブ ジ ェクト 名 .options [docume 
nt . フナ ー ム ブチ ブ ジェ クト 名. セレ クト ナブ ジェ クム 名. se1ectedrndex] .va1ue 
[イベ ント ハン ドラ 1] 








* メ ー ル 送信 時 に 接 捗 を 表示 する 


お 名 前 Rosee = 
RS 


- こ の ペー ジ の 感想 を 骨 ん で くだ さい - 
gn 


* メ ー ル 送信 時 に 挨拶 を 表示 する 


es 


お 名 前 efe 
ーー ーーーーーー つ Ja 
- こ の ペー ジ の 感 林 を 通 ん で くだ さい - 

に EE 


- そ の 他 な ん で も コメ ント お 願い いた し ます - 
いっ て お も し ちい で すね 


- 地 の 他 な ん で も コメ ント お 願い いた し ます - 
km っ て ち も し らい で すね 


Meree 」 


ここ に メッ セー ジ 7 が 表示 され ます 。 


tae | eotf | 


* あ り が と う ご ざ いま す !e 
ン ケ ー ト に こ 回 答 い た だ き あ り が と う ご ざい ます で 


の 人 6 こ 郊 は の rceFswf り に 位 て き せ て いた だ きま ず 。 
3 デー ル の 内 容 は 下 の 』 寺 り aa 不都合 な 点 が あれ ば 


お 名 前 Shuws Taro 
meicWslureoxem re 


感想. 大 面 白い 
コメ ント :Java っ て お も し ろ い て すね 

















サン プル で は 、「 メ ー ル を 送る 」 ボ タン が 押さ れる と 、 メ ー ル を 送る 動作 と 同時 に 、 
有史 フレ ー ム に お 礼 と メー ル の 内 容 を 表示 する よう に し て いま す 。 

CGI な ど は 、 送 信 さ れ た デー タ を サー バー が 正常 に 受け 取っ た 後に 、 内 容 確認 の 文 

章 を 表示 し ます 。 と ころ が 、JavaScript の 場合 、 イ ベン ト ハ ンド ラ [onSubmit] は 


[submitl ボ タン が 押さ れ た 時 に JavaScript の 処理 を 実行 し て いる の で 、 送 信 が 正常 に 4 
行わ れ た か どう か の 判断 が で き な い 点 に 注意 し て くだ さい 。 ? 
フォ ー ム 内 の 各 値 の 書き 出し は 、text オ プ ジ ェ クト は 「document. フ ォ ー ム オプ ジェ ム 
クト 名 .text オ プ ジ ェ クト 名 .value]、opion オ プ ジ ェ クト は [document フ ォ ー ム オブ 
ジェ クト 名 .select オ プ ジ ェ クト 名 .options[document. フ ォ ー ム オプ ジェ クト 名 .select E 
オプ ジェ クト 名 .selectedIndex].valuel と し て いま す 。 各 オプ ジェ クト の 階層 関係 に る 
は 、 十 分 に 注意 し て くだ さい 。 ーーー 
の 【 フ レー ム 】 

レン <HTML> 
<HEAD> 
<TTTTLE></TTTLE> 
</HEAD> 


<FRAMESET ROWS="*,200"> 
<FRAME SRC="F1 .htm1" name="FF1 "> 
<FRAME SRC="FfF2 .htm1" name="F2"> 
< く /FRAMESET> 
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< く NOFRAMES> 

フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の ブラ ウザ で 試し て くだ さい (^_^) 。 
< く /NOFRAMES> 

</ HTML> 


【f1.html】 
<HTML> 
< く HEAD> 
<TTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaScCr1p キ "> 
て!ーー ニ 
function Mopen ( ) { 
paren .fF2 .document . open ( ) : 
parent . fF2 .document . write ( "<HTML>" ) : 
parent .F2 .documen .write ("<HEAD><TTTLE>ArigatouGoza 
1mas</TTTLE></HEAD>" ) : 』 
paren . 2 .document . write ("<BODY BGCOLOR='#FFFFFF'>") : 
paren .F2 .document .wriEe ( "<CENTER><B>* あ り が と う ご ざ いま す ! ! 
*</B></CENTER>" ) : 
parent . 2 .documen .write ("<BR>" ) : 
parent . 2 .document .write ( "<TMG SRC='1mage.gif' ALTG 
N='1efFt'>") : | 
parent . 2 .document .write ( "アン ケー ト に ご 回 答 い た だ き あ り が と う ご 
ざい ます (^o^) /。") : d 
parent . 2 .document .wr1te ( "<BR>" ) : 
parent . 2 .document . write (" あな た の 貴重 な ご 意見 は 今後 の il 














ge 作り に 役立て させ て いた だ きま す 。" ) : 
paren .F2 .document . write ( "<BR>" ) : 
parent . 2 .document .write ("メー ル の 内 容 は 下 の 通り で す 。 も し 内 容 に 
不都合 な 点 が あれ ば ") : 有 
parent .F2 .document .write ("<BR>" ) : 
paren .F2 .document .write ("<A HREF='mai1to:hambaebe 
kkoame .ne . Jp '>hambaebekkoame .ne . Jp</A>" ) : | 
parent .F2 .document . write ( "まで ご 連絡 願い ます 。" ) 
parent . F2 .document . write ( "<HR>" ) : 
parent . 2 .document .write(" お 名 前 : " .bo1d( ) ) : 
paren .F2 .document . write (document .MATL,]1 . Namae.ya1ue ) : 
parent .f2 .document .write ("<BR>" ) : 
parent . 2 .documen .wrie ( "E-mai1 :" .bo1d( ) ) : 
parent . 2 .document .write (document .MATL,1 . EMai ] .Ya1ue ) : 
paren .F2 .document .wr1te ("<BR>" ) : 
parent .fF2 .document .write( "感想 :" .bo1d( ) ) : 
paren .fF2 .qdocumen .write (document .MATL1 .Kansou。 
Optiongs [document .MATL1 .Kansou.se1ectedTndex] .va1ue ) : | 
paren .F2 .document . write ("<BR>" ) : 
paren .F2 .document .write ("コメ ント : " .bo1d ( ) ) : 
paren .F2 .document .write (document .MATL1 .Comment 。 
Ya1ue ) : 』 
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parent . F2 .documen . write ( "</BODY>" ) : 
parent .F2 .documen .wr1Ee ( "</HTML>" ) : 
parent . fF2 .document .c1ose( ) : 
ムー ニニ ン 
</ SCRTPT> 
< く HEAD> 
< く BODY BGCOLOR="#FFEFEFFF "> 
* メ ー ル 送信 時 に 挨拶 を 表示 する <P> 
<FORM NAME="MATL1" ACTTON= "mai1to: hambaebekkoame .ne .]p" 
METHOD=" POST" onSubmi モ = "Mopen ( ) "> 
<B> お 名 前 : </B><TNPUT TYPE="Eex 上 " NAME="Namae" STZE=40><BR> 
<B>E-ma1 1] : </B><TNPUT TYPE=" 上 ex 上 " NAME="EMai]1" STZE=45><BR> 
く D> 
<B>- こ の ペー ジ の 感想 を 選ん で くだ さい -</B><BR> 
<SELECT NAME="Kansou" > 
<OPTTON VALUE=" 大変 面 白い "> 大 変 面白 い 
<OPTTON VALUE=" 面 白い よ "> 面 白い よ 
<OPTTON VALUE=" ふ つう だ な "> ふつ うだ な 
<OPTTON VALUE=" つ まん な いよ "> つま ん な いよ 
<OPTTON VALUE=" よく わか らん ! ! "> よく わか らん ! ! 
< く / SELECT> 
< く P> 
<B>- そ の 他 な ん で も コメ ント お 願い いた し ます -</B><BR> 
<TEXTAREA NAME="Comment" ROWS=3 COLS=50> 
< く / TEXTAREA> 
<P> 
<TNPUT TYPE="submit" NAME="BOOK1" VALUE= "メール を 送る "> 
< く TNPUT TYPE="reset" VALUE=" リ セッ ト す る "><BR> 
< く /FORM> 
< く / BODY> 
</ HTML> 





【f2.html】 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 
ここ に メッ セー ジ が 表示 され ます . . .。 
</ BODY> 

</ HTML> 


| 








上 | 物 parent+「frame オ ブ ジ ェクト 」 の 「 入 力 さ れ た UHL を 別 フ レー ム に 表示 する 」 :P.324 参 昭 

上 l 具 document.open(0 一 「document オ ブ ジ ェクト 」 の 「 開 いた ウィ ンド ウ に 文字 を 記述 する 」 :P.337 参 照 
内 document close() 一 document オ ブ ジ ェクト 」 の 「 開 いた ウィ ンド ウ に 文字 を 記述 する 」 :P.337 参 照 
販 bold0…「string オ ブ ジ ェクト 」 の 「 太 字 ( ポ ボール ド ) に する 」:P.479 参 昭 
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<TNPUT TYPE="pasgword" NAME="/( ス ワー だ オナ ブ ジ ェクト 名 " va1ue=" 値 " 
イベ ント ルン だ ラ > 


* パ スワ ー ド を 入力 する 


パス ワー ド は "mh123"。 
入力 し た ら フ ォ ー ム 以外 の 所 を クリ ッ ク し て くだ さい 。 


Fr ーー N 


正しい パス ワー ド が 入力 され まし た 


解 Password オ プ ジ ェ クト は 、 一 見 する と 普通 の テキ スト の 入力 欄 と 同じ で す が 、 こ の 
有史 フォ ー ム 内 に 入力 され た 値 は 、 黒 丸 な どの 他 か ら は 判別 で き な い 文字 に 置き 換え ら 

れ て 表示 され ます 。 
サン プル で は 、 パ スワ ー ド を 入力 し て も らい 、 そ れ が 正しけれ ば 別 の ペー ジ を ロー 
ド し 、 間 違っ て いれ ば 警告 を 出し ます 。 JavaScript は 基本 的 に ソー スコ ー ド を 隠す よ 
うに は で き て いま せん の で 、 パ スワ ー ド を 完全 に 隠 護 する こと は 難し く 、password 
オプ ジェ クト を 実際 に 使う 場面 と し て は 、CGI の 入力 用 イン ター フェ イス と し て 使 
用 する こと を 前 提 と し て いる と 思わ れ ま す 。 
な お 、password オ プ ジ ェ クト は javaScript1.0 か ら の JavaScript で す が 、Nectscape 
Navigator2.0 で は 値 を 正確 に 取得 で き な い 場 合 が あり ます 。 
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<HTML> 

<HEAD> 

< く TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "aaSC エ 1p キ "> 

ーー 

function GetB(s) { 
if (s=="mh123") { 1ocation.href = "OK.htm1" } 
else { alert ("入力 され た 暗証 番号 "+s+ "は 間違い で す !!") } 

} 

ん な / ニ ーー ニテ 

</ SCRTPT> 

</HEAD> 

< く BODY BGCOLOR="#FFFFFEF"> 

* パ スワ ー ド を 入力 する <P> 

パス ワー ド は "mh123"。<BR> 

入力 し た ら フ ォ ー ム 以外 の 所 を クリ ッ ク し て くだ さい 。<BR> 

<FORM NAME= "ANSHYO"> 

< エ NPUT TYPE="paB8word" NAME="anShyOo" で a1ue="" onB]1u エ = 

"GetP(this .va1ue) "> d 

</FORM> 

< く /BODY> 

</HTML> 








上 <NPUT TYPE='password>ー「 入 力 フォ ー ム 」 の 「 バ スワ ー ド の 入力 フィ ー ル ド を 作る 」:P.145 参 昭 
上 3lert0「window オ ブ ジェ クト 」 の 「 次 告 用 の ダイ アロ グ ボ ックス を 開く 」:P.287 参 昭 
上 onBlur で リフ ァ レ ンス 「 イ ベン ト ハ ンド ラ 」 の 「onBlur]:P.547 参 照 


HiD 


JavaScript で 「"」 を 書き 出す 方 法 


JavaScript で は 、 文 字 列 を ダブ ルク ォ ー テ ーション マー ク 「"」 で 囲ん で 指定 する 必要 
が あり 、 そ の 中 で 「"」 を 使う} こと が で きま せん 。 

で は 、JavaScript で ダブ ルク ォ ー テ ーション マー ク 「"」 を 書き 出し た い 時 に は 、 ど う 
すれ ば 良い の で し ょ うか ? 

まず 1 つの 方 法 と し て 、 特 殊 キ ャ ラク ター 文字 の 「\"」 を 使う 方 法 が あり ます 。 そし て 
も う 1 つ は 、 サン ブル の よう に 、「"」 と 「」 の ネス ト ( 入 れ 子 ) の 関係 を 逆 に し て 、 文 字 列 を 
シン グル クオ ー テ ーション マー ク 「」 で 囲み 、 その 中 で 「"」 を 使う 、 と いう 方 法 が あり ます 。 
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靖 - 
5 


ォ リ セッ ト し て も いい か 確認 する 
お 名 前 :Ehoesrss。 
を 5 | eslei 


イベ ント ハン ドラ [onResetl は 、 リ セッ ト ボ タン が 押さ れ た 時 の イベ ント を 取得 し ます 。 
サン プル で は 、[ リ セッ ト す る 」 の ボタ ン が 押さ れ た 時 に 確認 の ダイ アロ グ ボ ックス 
を 開き 、Yes(OK) が 押さ れ た 時 は フォ ー ム を リセ ッ ト し 、 そ う で な い 時 は リセ ッ ト 
の 処理 を 中 止 し て いま す 。 

JavaScript1.1 で 追加 され た イベ ント ハン ドラ で す 。 


<HTML> 
<HEAD><TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScript1 .1"> 
く ! ーーー 
Function Mcheck() { 
if ( confirm (' フ ォ ー ム の 内 容 を リセ ッ ト し ます 。\n よ ろ し けれ ば "Yes" 
(OK ) を 押し て くだ さい 。 !" ) ) { return rue } J| 
return false } 
7 ニー ジテ 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* リ セッ ト し て も いい が 確認 する <P> 
<FORM NAME="MATL4" ACTTON= "mai1to:hambaGppp . bekkoame . 
Or . Jp" METHOD="POST" onReset="return Mcheck ( ) "> 1 
<B> お 名 前 : </B><TNPUT NAME="Namae" STZE=20><BR> 
く P> 
<TNPUT TYPE=" Subm1t" NAME="BOOK1" VALUE=" メー ル を 送る "> 
<TNPUT TYPE="rese 上 " VALUE=" リ セッ ト す る "> 
< く /FORM> 
</ BODY> 
</HTML> 








上 具 confirm0 一 「window オ ブ ジ ェクト 」 の 「 確 認 ボタ ン 付き の ダイ アロ グ ボ ックス を 開く 」:P.2B8 参 昭 
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<TNPUT TYPE="Ei1e" NAME=" ファ イル オブ ジェ クト 名 "> 
document . フォ ー ム 名 . ファ イル オブジェク トム 名.va1ue 









ォ * ア ッ プ ロー ド す る ファ イル を 選ぶ 
アッ プロ ー ド する ファ イル :「 1 






解 FileUpload オ プ ジ ェ クト は 、 ア ッ プ ロー ド す る ファ イル を 選択 する フォ ー ム で す 。 

月 記 「Browse.…| ボ タン を クリ ッ ク す る と ロー カル の ディ レク トリ が 参照 で き 、 選 択 する 
と テキ スト 欄 に ファ イル 名 が 表示 され ます 。 そ の 時 に 、「valuel に は ディ レク トリ の 
情報 が 納め られ 、「document フォ ー ム 名 .fIle オ プ ジ ェ クト 名 .value] で 参照 する こと 
が で きま す 。 
FileUpload オ プ ジ ェ クト は 、 あ くま で も アッ プロ ー ド する ファ イル を 選択 する こと 
し か で きず 、 実際 に アッ プロ ー ド する 作業 は 、HTML や CGI の 力 を 借り る こと に な 
り ま す 。 こ れ は 、 JavaScript が セキ ュ リ ティ 確保 の た め 、 ロ ー カ ル の リソー ス に アク 


* ア ッ プ ロー ド す る ファ イル を 選ぶ <P> 
<FORM NAME="Form1 "> 
アッ プロ ー ド する ファ イル : < エ NPUT TYPEE="E11e" NAME="UploadF1i1e"> 
く P> 
< く TNPUT TYPE= "Dutton" VALUE= "Fai1e 情 報 " 
onC1ick="a1ert ( "この ファ イル の ディ レク トリ は + document . ceri 


セス する こと を 上 厳し く 禁 止 し て いる た めで す 。 フ 
JavaScript1.1 か ら 追 加 さ れ た オプ ジェ クト で す 。 
ム 
ゆ <HTML><HEAD><TTTLE></TTTLE></HEAD> を 
ッ <BODY BGCOLOR= "#FEFFEFFF"> に 
す 
る 

ES 

世 こ こう 


Up1oadFi1e.Ya1ue+' で す 。" ) "> 
</FORM> 
</ BODY> 
</HTML> 








有 l 駒 <NPUT TYPE="file'>…「 入 力 フォ ー ム 」 の 「 フ ァイル を 選択 する 」:P.162 参 昭 
上 l 具 alert0ー「window オ ブ ジ ェクト 」 の 「 警 告 用 0 ダイ アロ グ ボ ックス を 開く 」:P.287 参 昭 
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<TNPUT TYPE="radio" NAME=" ラ ジブ ナブ ナブ ジェ クト 名" VALUE=" 値 " イベ 


ント ルン だ が ラ > 

<SELECT NAME=" セレ クト オブ ジェ クム 名 "> 

< く OPTTONN> 

options [イン デック ス ] [プロ バ パティ] 








* フ ォ ー ム の 内 容 を 後 か ら 変え る 


男の子 用 ・ 女 の 子 用 の 2 通り の プレ ゼン ト を 用 意 し まし た , どちら か の ラジ オ 
ボタ ン を クリ ッ ク し て か ら 、 中 ん で くだ さい 、。 


て 男の子 用 


[人 放 の 子 用 


一 の 子 用 の ブレ ゼン ト 中 | 





* フ ォ ー ム の 内 容 を 後 か ら 変え る 


男の子 用 ・ 女 の 子 用 の 2 通り の プレ ゼン ト を 用 意 し まし た 。 ど ちら か の ラジ オ 
ボタ ン を クリ ッ ク し て か ら 、 刀 ん で くだ さい 。 








* フ ォ ー ム の 内 容 を 後 か ら 変え る 


男の子 用 ・ 女 の 子 用 の 2 通り の ブレ ゼン ト を 用 意 し まし た 。 どちら か の ラジ オ 
ボタ ン を クリ ッ ク レ て か ら 、 ん で くだ さい 。 


で 男の子 用 





5 も ちゃ の 缶 語 ( 男 の 子 用 


四 の 寺 葵 時 トー 


解 JavaScripr1.1 か ら 、 フ ォ ー ム の 内 容 を 後 か ら 変更 で きる よう に な り ま し た 。 
員 記 サン プル で は 、「options[ イ ン デ ックス ]] で 、「 男 の 子 用 ]・「 女 の 子 用 ] の 2 種類 の opuon 
オプ ジェ クト の 配列 を 作り 、 そ れ を ラジ オ ボ タ ン の クリ ッ ク で 切り 替え て いま す 。 
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R <HTML> 
<HEAD> 
<TTTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScr1pt1 .1"> 
民 1 ニ ニニ 
Funoction BY(PR) { 
PR .pr.options[0] .text = "男の子 用 の プレ ゼン ト ": 
PR .pr.optiong [1] .Eext = "プラ モデ ル ": 
PR .pr.options[2] .text = "スニ ー カ ー": 
PR .pr.optiong[3] .Eext = "お も ちゃ の 和 缶詰 (男の子 用 ) " : 
} 
Funotion GR(PR) { 
PR .pr.optiongs[0] .text = "女の子 用 の ブレ ゼン ト ": 
PR .pr.optiongs [1] .text = "テディ ベア ー": 
PR .pr.options[2] .Eext = "ドレ ス ": 
PR .pr.options[3] .text = "お も ちゃ の 和 缶詰 (女の子 用 ) " 
} 
4 ピョン 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
* フ ォ ー ム の 内 容 を 後 か ら 変 える <P> 
<HR> 
男の子 用 ・ 女 の 予 用 の 2 通り の プレ ゼン ト を 用 意 し まし た 。 ど ちら か の ラジ オ ボ ポタ ン を ク 
リッ ク し て か ら 、 選ん で くだ さい 。<BR> | 
<FORM NAME="BORG"> 
<TNPUT TYPE="radio" NAME="Dord" VALUE="BOY" onC1iok="BY] 
(this . Form) "> 男の子 用 dl 
<BR> 
<TNPUT TYPE="radio" NAME="borgd" VALUE="GTR" onC1ick="GR 
(this . Form) "> 女の子 用 胃 
<P> 
<SELECT NAME="D エ "> 
<OPT エ ON> 男の子 用 ・ 女 の 子 用 どちら が 選ん で 下さ い 
人 0 衣 作 本 詳 み ニー コー ニー ニニ ピー ロニ ーー ム ーー ニン ピーー ビ ーー デ 
人 全 和 ま 間 導 が ニニ ニラ ニニ ーー ニニ ニニ ニニ ニコ ニニ ニニ ニニ ニニ ニニ ニニ ニニ ニー ここ ニニ ニニ 
<Q が 下 〇 家 み ーーーーーーー ニ ーーーー ニ ニー ニニ ーー ニー ニニ ニー ニーー ニ ニー ニニ ーー ニニ ニー ニー 
< く OPTTON> 
</FORM> 
</ BODY> 
</HTML> 








上 3NPUT TYPE=Yradio>ー「 入 力 フォ ー ム 」 の 「 ラ ジオ ボタ ン を 作る 」:P.155 参 照 
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document . フォ ー ム ナブ ジ ェクト 名 .e1ements [ ェ ] .type [プロ パテ ィ ] 


ォ フ ォ ー ム の タイ ブ を 調べ る 





CheckBox 
ぐ RadioButton 


[SELEcT 選 


extBox 


TextArea 


CT 


1 番目 の フォ ー ム の タイ ブ : button 
2 番目 の フォ ー ム の タイ ブ : chsckbox 
3 番目 の フォ ー ム の タイ ブ : radio 

4 番目 の フォ ー ム の タイ ブ : sslsct-ons 
5 番目 の フォ ー ム の タイ ブ : submit 

6 番目 の フォ ー ム の タイ ブ : tst 

7 番目 の フォ ー ム の タイ ブ : tsxxarea 
8 番目 の フォ ー ム の タイ ブ : password 
9 番目 の フォ ー ム の タイ ブ : rssst 

10 番 目 の フ ォ ー ム の タイ ブ : hiddsn 

11 番 目 の フ ォ ー ム の タイ ブ : fis 








和 衣 ティ で す 。 
サン プル で は 、 フ ォ ー ム オプ ジェ クト [FTYPE] 内 の 各 フ ォ ー ム 関連 の オプ ジェ クト 
を 配列 と し て 提 え 、 上 か ら 順 番 に タイ プ を 書き 出し て いま す 。 
JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


[pe」 プ ロ パ テ ィ は 、「button」 や 「checkboxl な どの フォ ー ム の タイ プ を 返す プロ パ 
対 


l の 桂 落 時 トー 
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RT <HTML> 
<HEAD> 
<TTTLE></TTTLE> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF "> 
* フ ォ ー ム の タイ プ を 調べ る <P> 
<FORM NAME= "FTYPE"> 
<TNPUT TYPE="button" NAME="BUTTON" Va]1ue= "Bu 上 on "><BR> 
<TNPUT TYPE="checkbox" NAME= "CHECBOX" VALUE= "Cheok 
Box" checked>CheckBox<BR> | 
<TNPUT TYPE="radio" NAME="RADTO" Value="RadioButton" 
checked>Rad1ioButton<BR> 
<SELECT NAME=" SELECT"> 
<OPTTON> SELECT 
<OPTTON> SELECT1 
< く / SELECT><BR> 
<TNPUT TYPE="subm1t" NAME= "SUBMTT" VALUE=" Subm1t 上 Bu 
ton "><BR> 朋 
<TNPUT TYPE= "tex 上 " NAME="TEXT" VALUE= "TextBox" STZE= 
10 ><BR> | 
<TEXTAREA NAME= "TEXTAREA" ROWS=3 COLS=20 >TextArea 
< く / TEXTAREA><BR> | 
<TNPUT TYPE="pasSword" VALUE="Password" NAME=" PASSWOR 
D" VALUE="Password" STZE=15><BR> 
<TNPUT TYPE="reset" NAME= "RESET" VALUE="ReseButton 
リ "><BR> | 
<TNPUT TYPE="h1dden" NAME="HTDDEN" VALUE="H1idden "> 
隠し レ テ キ スト ポッ クス <BR> | 
<TNPUT TYPE="fF11e" NAME="Upl1oadFi1e"> 
</FORM> 
く HR> 
<SCRTPT LANGUAGE= "JavaScrip 上 1 .1"> 





ans 2 
Yar L = document .FTYPE.e1emens . 1ength 1 
for(i=0: 1<L: ュ + ォ +) { ム 
document .write( 1+1 + "番目 の フォ ー ム の タイ プ ブ : " .bo1d( ) ) を 
document .wr1te (document .FTYPE.e1ementgs [1] .Eype ) 上 
document . write ( "<BR>" ) 3 

9 ammm 
2 に ララ ーー 
</ SCRTPT> 

</ BODY> 

</HTML> 








孤 bold0「string オ ブ ジェ クト 」 の 「 太 字 ( ボ ポー ルド) に する ]」:P.479 参 照 
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ク 
リ 


で 届 せ S 


さす 


中 …… 





サン プル で は 、MAP の リン ク 指 定 し た い 部 分 が クリ ッ ク さ れ た 時 は [JavaScripr」 で 
関数 を 発生 させ て ペー ジ を 読み 込み 、 範 囲 色 を クリ ッ ク さ れ た 時 は 警告 用 の ダイ ア 
ログ ボッ クス を 開く よう に し て いま す 。 

この サン プル スク リプ ト は Netscape Navigator2.x で も 使用 で きま す 。 


【 メ イン 】 

<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaSor1pt "> 

和 由 ニ ーー 

Funotion Go(ur1 ) { 1ocation .hrefF=ur] } 

function Miss() { al1ert(" イ メー ジマ ッ プ の エリ ア 外 で す ! ! " ) } 

メニ ーー 

</ SCRTPT> 

< く / HEAD> 

<BODY BGCOLOR= "#FFFFEFEF"> 

* マ ッ プ エリ ア 外 の クリ ッ ク で 警告 ウィ ンド ウ を 開く <P> 

<MAP NAME= "ARTA1 "> 
<AREA NAME="aria1" SHAPE=rect COORDS=13 ,9,73,69 HREF 

= "JaYa8C エ ip : Go ( 「MAP1 .htm1 ! ) "> | 
<AREA NAME="aria2" SHAPE=circ1e COORDS=119,38,29 HR 

EF=" Java8oript Go ( 'MAP2 .htm1 ' ) "> | 
<AREA NAME="ar1a3" SHAPE=po1y COORDS=160,69,188,7,22 

2,69 HREF="JavaScrip : Go ( "MAP3 . htm1 ' ) "> | 
<AREA NAME="aria4" SHAPE=reo 上 COORDS=0 , 0 , 234,81 HREF 

="JavaSoriptsMiss ( ) "> 』 

< く /MAP> 
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<TMG SRC= "MAP .91F" USEMAP="#ARTA1" BORDER=0 WTDTH="234" 
HETGHT=" 81" ALT="ARTATEST" > | 
</ BODY> 
</ HTML> 


【MAP1.html】 

<HTML> 

< く HEAD> 

<TTTLE></TTTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFEFF"> 

<TMG SRC="MAP1 .g1F" WTDTH="60" HETGHT="59" ALT="M1dor ふ 1 
Sijkajkku "><HR> | 
<B>* 縁 の 四角 *</B> 

</ BODY> 

</ HTML> 





同様 に し て "MAP1.hrml-MAP3.html" を 用 意 し ます 。 








上 l <MAP>・<AREA> 一 「 画 像 と マル チ メ デ ィ ア 」 の 「 イ メー ジマ ッ プ を 作成 する 」 :P.132 参 照 
上 slert・「window オ ブ ジ ェクト ]」 の | 警告 用 の ダイ アロ グ ボ ックス を 開く 」 :P.287 参 照 

上 lfOcus0「window オ ブ ジ ェクト 」 の 「 ウ ィ ン ド ウ を 前 に 出す 」 :P.304 参 昭 

上 l 具 ocation.href・「location オ ブ ジ ェクト 」 の 「 自 ペー ジ URL の を 取得 する 」:P.353 参 照 


エリ アマ ッ プ 内 で Netscape Navigator2.0 で も 使え る JavaScript は ? 


Area オ ブ ジ ェクト は 、JavaScript 1 .1 か ら 追 加 さ れ た オブ ジェ クト で す が 、 <AHREA> 
タグ 内 で 「HREF="JavaSoript: 関 数 "] を 使え ば 、Netscape Navigator2.0 で も 機能 す 
る スク リプ ト を 作る こと が で きま す 。 こ れ は 、Area オ ブ ジ ェクト が Link の 配列 内 に ある 
た め だ と 思わ れ ま す 。 

つま り 、Netscape Navigator2.0 で は 、<AREA> タ グ 内 の 「HREF='JavaScript: 
関数 '] は 、 リ ンク オブ ジェ クト と し て 捉え られ て いる の で し ょ う 。 

し か し 、<AREA> タ グ に 記さ れ た 「onMouse0ver」 や [onMouse0ut] な どの イベ ン 
ト ハ ンド ラ は 、 Netscape Navigator2.0(JavaScript 1.0) か ら サ ポー ト さ れ て いる は 
ず の も の に 関し て も 、Netscape Navigator2.0 で は 評価 され ませ ん 。 

し た が っ て 、 例 えば 、 サ ンプ ル 「 フ ォ ー ム に 説明 を 出す ] (次 ペー ジ ) や 「 イ メー ジマ ッ プ 
を リン ク 以 外 の 機能 で 使う ](P.398) は 、Netscape Navigator2.0 で 実行 し た 場合 、 
フォ ー ム に 文字 を 書き 出す スク リプ ト の 部 分 は 動き まま せん が 、 そ の 他 の 、 新 し い ウ ィ ン 
ドウ を 開い た り 、 バ ッ ク の 色 を 変え る 部 分 の スク リプ ト は 正常 に 動き ます 。 
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[イベ ント ハン ドラ 」 
[イベ ント ハン ドラ 」 





ォ * ォ フォーム に 説明 を 出す | 


画 @4 ォ フ ォ ー ム に 説明 を 出す 
回 る 4 田 @⑥4 画 全 

me 咽 @4 
ーーーーーーーーー ョ ーーー 上 | RG あえ 


隔 5 請 。 





サン プル で は 、 指 定 さ れ た エリ ア 内 に マウ スカ ー ソ ル が 乗っ た 時 に 、[onMouseOver 
が フォ ー ム 内 に 文字 を 書き 出し ます 。 エ リア 内 か ら マ ウス カー ソル が 離れ た 時 は 、 
「onMouseOut| が 関数 [MessCr()」 を 発生 させ て フォ ー ム に 「""] の 値 を 引き 渡し 、 そ 
れ に よっ て フォ ー ム 内 の 文字 を 消去 し て いま す 。 

「onMouseOver] は 、Nctscape Navigator2.0 か ら 使 用 可能 な イベ ント ハン ドラ で す が 、 
<AREA> タ グ 内 で は 評価 され ませ ん 。 

な お 、 リ ンク を クリ ッ ク す る と 、 新 し い ペ ー ジ が 開き ます 。 





【 メ イン 】 
ンカ <HTMTL> 
<HEAD> 
<TTTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScrip1 .1"> 
に 
function Go(ur1 ) { window.open( ur1] ,"TWindow" ) } 
funoction Mis() { a1ert(" イ メージ マッ プ の エリ ア 外 で す ! !" ) } 
function MessCr() { document .Fmess .fFmess.value = "" } 
7 が / ニ コー テ 
</ SCRTPT> 
< く / HEAD> 
<BODY BGCOLOR= "#FFFEFFE "> 
* フ ォ ー ム に 説明 を 出す <P> 
<MAP NAME= "ARTA1"> 
<AREA SHAPE=rec 上 COORDS=13 , 9 , 73 , 69 HREF="JavaScript * 
Go( 'MAP1 .htm1 ')『 0 


l TNIK を トーN に こい: 
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onMouseOver= "documen .Fmess .Fmess.value = ' 緑 の 四角 '" 
onMouseOu モ ="MesSCr ( ) "> [INNs0_ 
< く AREA SHAPE=C1rc1e COORDS=1 1 9 , 3 8 , 29 HREF="J ゴ aaSC エ ip * 

Go ( 'MAP2 .htm1' )『 | INN40_ 


onNiouseOYe ェ = "document .Fmess .Emess.Value = ' 黄 色 の 丸 '" INN46 


onNiouBeOu モ = "MeSSCr ( ) "> 
<AREA SHAPE=po1y COORDS=160,69,188,7,222,69 1 [E40 
aaS8cript :Go('「MAP3 .htm1')『 [Es0 
onMouseOver= "document .Fmess .Fmess .Value = "' 赤 の 三角 '" 
onMouseOut="MesSCr ( ) "> 
<AREA SHAPE=rec COORDS=0 , 0 , 234 , 81 HREF=" ゴ aaSc エ ipt* 
Mis()" 』 
onMouseOver= "MeSsSC エ ( ) "> 
</MAP> 
<TMG SRC= "MAP .g1fF" USEMAP="#ARTA1" BORDER=0 WTDTH="234" 
HETGHT="81" ALT="ARTATEST" > 月 
<FORM NAME= "FmeSs8"> 
<TNPUT TYPE="E 上 ex 上 " NAME="fFmess" STZE=20> 
</FORM> 
</ BODY> 
</ HTML> 


【MAP1.htmll 

<HTML> 

< く HEAD> 

<TTTLE></TTTTLE> 

<SCRTPT LANGUAGE= "JavaSoript1 .1"> 

<! ニー ニー 

focus ( ) 

/7/( ニ ーー テ 

< く / SCRTPT> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

<TMG SRC="MAP1 .g1F" WTDTH="60" HETGHT="59" ALT="M1dor ュ 
Sikaku "><HR> 
<B>* 緑 の 四角 *</B> 

</BODY> 

</ HTML> 


同様 に し て "MAP1.html-MAP3.html" を 用 意 し ます 。 


| ぶ 慎 苦 藩 NL さく で さこ ざさ 








上 l 除 <MAP>「 画 像 と マル チ メ デ ィ ア 」 の 「 イ メー ジマ ッ プ を 作成 する 」:P.132 参 昭 

上 l 除 slert…「window オ ブ ジ ェクト 」 の 「 警 告 用 の ダイ アロ グ ボ ックス を 開く 」:P.287 参 昭 
上 l 具 window.open…「window オ ブ ジ ェクト 」 の [新しい ウィ ンド ウ を 開く 」:P.296 参 昭 

上 l 具 focus0 一 「window オ ブ ジ ェクト 」 の 「 ウ ィ ン ド ウ を 前 に 出す 」:P.304 参 昭 

内 ocation.href・「location オ ブ ジ ェクト 」 の 「 自 ペー ジ URL の を 取得 する 」:P.359 参 昭 
上 内 <FORM> 一 「form オ ブ ジ ェクト 」 の 「 フ ォ ー ム に 文字 を 流す 」:P.376 参 照 
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イメ ー ジ マッ プ を リン ク 以 外 の 失態 で 使う 


HREF= "avagcript : 誰 数 " 
onMouseOver [イベ ント ハン ドラ 」 
onMouseOut [イベ ント ハン ドラ 」 








* イ メー ジマ ッ プ を リン ク 以 外 の 機能 で 使う 


除雪 。 
バッ 2 を 緑 に | 





> ク を 鞭 色 に 音色 に 


上 の の 


解 サン プル で は 、 指 定 さ れ た エリ ア を クリ ッ ク す る と 、 avaScripc」 が 関数 [BdColor()」 
且 】 を 発生 させ て 、 中 で 指定 し て いる 色 の 値 を [documentbgColorl に 引き 渡し 、 パ バック 
の 色 を 変更 し て いま す 。 
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7 <HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 
SNK ニ コテ 
Function BdCo1or (BC) { document .bgCo]1or=BC } 
Function Mis() { a1ert ("イメ ー ジ マッ プ の エリ ア 外 で す ! !") } 
Function MessCr () { document.Fmess.Fmess.Value = "" } 
7 ニニ ンジ 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF "> 
* イ メー ジマ ッ プ を リン ク 以 外 の 機能 で 使う <P> 
<MAP NAME= "ARTA1"> 
<AREA NAME="aria1" SHAPE=rec COORDS=13 ,9,73,69 HREF 
="Java8o と ip : BdCo1or('green' ) 『 | 
onMouseOver= "document .Fmess.fFmess.value = ' バ ッ ク を 緑 に '" 
onMouseOu モ ="MessCr ( ) "> 
<AREA NAME="aria2" SHAPE=circ1e COORDS=119,38,29 
HREF="Java8oript : BdCo]1or('ye11ow' ) " 
onMouseOver="document .Fmess .Fmess .Vvalue = ' バ ッ ク を 黄色 に '" 
onMouseOu モ ="MessCr()" > 
<AREA NAME="aria3" SHAPE=po1y COORDS=160,69,188,7,22 
2,69 HREF="JavaScript : BdCo1or( 'red' ) " 
onMouseOver="document .Fmess .Fmess .Value = ' バ ッ ク を 赤 に '" 
onMouseOu モ ="MessCr ( ) "> 
<AREA NAME="aria4" SHAPE=rect COORDS=0 , 0 , 234,81 HREF 
="JavaS8oript:Mis()『 | 
onMouseOYer="MessCr ( ) "> 
< く /MAP> 
<TMG SRC="MAP.g1fF" USEMAP="#ARTA1" BORDER=0 WTDTH="234" 
HETGHT="81" ALT="ARTATEST" > 有 
<FORM NAME= "Fmes8"> 
<TNPUT TYPE=" 上 ex モ " NAME="fFmess" STZE=20> 
</FORM> 
</ BODY> 
</HTML> 








上 l 了 <MAP> 一 [画像 と マル チ メ デ ィ ア 」 の 「 イ メー ジマ ッ プ を 作成 する ] :P.132 参 昭 

用 slert…「window オ ブ ジ ェクト 」 の 「 警 告 用 0 ダイ アロ グ ボ ックス を 開く 」:P.287 参 昭 

上 ldocument.bgColor*「document オ ブ ジ ェクト 」 の 「 背 景色 を 変え る ボタ ン を 作る 」:P.344 参 昭 
上 l <NPUT TYPE="'text>ー「form オ ブ ジ ェクト 」 の 「 フ ォ ー ム に 文字 を 流す 」 :P.376 参 昭 
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document . ブ ブ ジ ェクト 名 .border [プロ バ パティ] 
document . ブナ ブ ジ ェクト 名 .comp1ete [プロ パテ ィ ] 
document . ナブ ジ ェクト 名 .height [プロ バテ ィ ] 
document . ブ ブ ジ ェクト 名 .hspace [プロ パテ ィ 1] 
document . ブ ブ ジ ェクト 名 . 1owsro [プロ バテ ィ ] 
document . images [インデックス] . src [プロ パテ ィ ] 
document .images[ プ インデックス] .Yspace [プロ バテ ィ ] 
document .images [イン デック ス ] -width [プロ バテ ィ ] 


+ 画 像 の 情報 を 取得 する 


ロー ド が 終わ っ た か rus 

イメ ー ジ の 高 さ :100 

イメ ー ジ の hspace2 

lowsrc の URLjimage1.gif 

イメ ー ジ の URLHile//Pro_server/souko/urata/2- ナ ビオ ブ ジ ェ ー 
ToU/12 01/imags2.gif 

イメ ー ジ の vspace2 

イメ ー ジ の 幅 .100 





解 Image オ プ ジ ェ クト は 、 ペ ー ジ 上 の 画像 の [0] か ら 始ま る 配列 を 作成 し ます 。 Image オ 
月 記 プ ジ ェ クト の 情報 は 、<IMG> タ グ 内 で 設定 し た 「NAME」 で 参照 する 以外 に 、 配列 

で も 参照 で きま す 。 
「border]」 プロ パテ ィ は ボー ダー の 値 を 、[complete」 プ ロ パ テ { は 画像 の ロー ド が 終っ 
て いれ ば 「mue」、 終っ て いな けれ ば 「 人 alse] の 値 を 、[heighc] プ ロ パ ティ は 画像 の 高 さ 
の 値 を 、「hspace] プ ロ パ テ ィ は ドキ ュ メ ント と の 横 方 向 の 間隔 の 値 を 、「lowsrc」 プ ロ 
パテ ィ は 、 正 式 な 画像 を 表示 する 前 に 変わ り に 表示 する 、 低 解像度 の 画像 の URL を 、 
「src] プ ロ パ ティ は 画像 ファ イル の URL を 、「vspace」 プ ロ パ テ ィ は ドキ ュ メ ント と の 
立て 方 向 の 間隔 の 値 を 、[width] プロ パテ ィ は 画像 の 幅 の 値 を 、 そ れ ぞ れ 返 し ます 。 
lsrcl プ ロ パテ ィ 以 外 は 、 読 み 込 み 専用 で 、 後 か ら 変 更 する こと は で きま せん 。 し か 
し 、「src]」 プ ロ パ テ ィ の 値 は 変更 可能 な の で 、 そ れ を 替え る こと に よっ て イメ ー ジ を 
置き 換え る こと が で きま す 。 
JavaScript1.1 で 追加 され た オプ ジェ クト で す 。 


| の 村落 一 


400 Image オブ ジェ クト 


NR <HTML> 

<HEAD> 

< く TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR="#FFFFFF "> 
* 画 像 の 情報 を 取得 する <P> 


<TMG SRC="1mage2 .91F" NAME="TMG" ALT="1mage.91F" LOWSRC 
="1mage1 .g1F" BORDER=2 HSPACE="2" VSPACE="2"> 


く P> 

<SCRTPT Language= "JavaScCr1p1 .1 "> 

に ゴト リー ニー 

document .write( "ボー ダー : " ) : 

document .write (document . TMG . border ) : 
document .write( "<BR>" ) : 

document .write ("ロー ド が 終わ っ た か : " ) : 
document .write (document . TMG . Comp1ee) 
documen .wr1te( "<BR>" ) : 

document .write ("イメ ー ジ の 高 さ : " ) : 

document .write (document . TMG .height ) : 
document .write( "<BR>" ) : 

document .write(" イ メージ の hspace : " ) : 
documen .write (document . TMG .hspace) : 
document . write ("<BR>" ) : 

document .write("1owsrc の URL : " ) : 

document .write (document . TMG . 1owgr で ) : 
documen .write( "<BR>" ) : 

document .write ("イメ ー ジ の URL : " ) : 

documen .write (document . mages [0] .sroc) : 
document .write ("<BR>" ) : 

document .write ("イメ ー ジ の vspace: " ) : 
document .write (document . images [0] .Yspace) : 
documen . write ( "<BR>" ) : 

document .write ("イメ ー ジ の 幅 : " ) : 

documen .write (document . 3mages [0] .widtb ) : 
が /ー ニ ーー 

< く /SCRTPT> 

</ BODY> 

</HTML> 


』 








旧 <IMG> タ グー「 画 像 と マル チ メ デ ィ ア 」 の [画像 を 配置 する 」 :P.129 参 照 


Image オブ ジェ クト 


旧 の ト 革 藩 琴 %ー※ ユ 


401 


| の 中 某 洪 放 ー 


402 





ブチ ブ ジェ クト 名 = new Trmage( ) 
document . ブ ブ ジ ェクト 名 . src [プロ パティ] 








* 画 像 を アニ メー ショ ン す る 






*+ 画 像 を アニ メー ショ ン す る 







* 画 像 を アニ メー ショ ン す る 





* 画 像 を アニ メー ショ ン す る 





* 画 像 を アニ メー ショ ン す る 





解 [src] プ ロ パ ティ が 後 か ら 変更 で きる こと を 利用 し て 、 複 数 の 画像 リアルタイム に 
月 記 切り 替え て 、 ア ニメーション の よう な 効果 を 出す こと が で きま す 。 

サン プル で は 、 ま ず imagel.gif か ら image5.gifF ま で の 5 枚 の 画像 を 用 意 し 、Array オ プ 
ジェ クト を 使っ て Image オ プ ジ ェ クト の 配列 を 作成 し て いま す 。 配列 内 の 要素 に は 、 
「ANIMA[1]] か ら 「ANIMA[5]] の 5 つの Image オ プ ジ ェ クト が あり 、 そ れ ぞ れ 
「ANIMA[1].src」 に 「image1.giH の 値 、 「ANIMA[2].src] に 「image2.gH| の 値 、 と いっ 
た 具合 に 画像 ファ イル の URL の 値 を 設定 し て いま す 。 
画像 ファ イル 「animation] が 読み 込ま れ た 時 に 、「serTimeour()] を 使っ て 500 ミ リ 秒 
ご と に 、「ANIMA[1].src」l [ANIMA[5].src」 を 順番 に 繰り 返し て [animarion に 置き 
換え る こと に よっ て 、 画 像 を アニ メー ショ ン さ せ て いま す 。 
[seTimeour()] は 、 指 定 さ れ た 時 間 後 に 1 度 だ け 処 理 を 行う メソ ッ ド で す が 、 画 像 が 
置き 換わる 度 に 呼び 出さ れる の で 、 結 果 的 に アニ メー ショ ン の 処理 は 、 終 る こと な 
く 繰 り 返 され ます 。 
JavaScript1.1 で 追加 され た オプ ジェ クト で す 。 


Image オブ ジェ クト 


R <HTML> 

< く HEAD> 

M <TTTLE></TTTTLE> 
<SCRTPT Language= "JavaScrip キ 1 .1 "> 
(で ニー ニニ 
Var TmageSetB = 1 : 
ANTMA = new Array ( ) 
Eom( 和 1 = 年 * まき で 6 ま T ネ ) † 

ANTMA[i] = new Tmage( ) 





ANTMA[i] .src = "image" + ュ エイ ".g1E" : 

} 

function anime_1() { 
document .anima ヒ tion.srC = ANTMA[TmageSetB] .sro : 
TmageSetB++ : 


if (TmageSetB > 5) { 
TmageSetB = 1 : 
} 
} 
が / こ ニニ ら 
</ SCRTPT> 
< く /HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
* 画 像 を アニ メー ショ ン す る <P> 
< く TMG SRC="1mage1 .91EF" NAME="an1mation" ALT="Animation" 
BORDER=0 WTDTH="100" HETGHT="100" 有 
onLoad= "setTimeout('anime_1() ',500) "> 
</ BODY> 
< く /HTML> 








上 上 setTimeout0ー「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」 :P.o92 参 照 
上 l オブ ジェ クト = new Array()…「Array オ ブ ジ ェクト 」 の 「 曜 日 を 表示 する - Array オ ブ ジ ェクト を 使う -」 
:P.494 参 照 


| 選 寺 藩 放 ー 
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| の 慎 圭 藩 Kー ペ ユ 


404 


ブ ブ ジ ェクト 名 = new +mage( ) 
document . ブ ブ ジ ェクト 名 . sro [プロ バテ ィ 1 








ォ ア ニメーション に スタ ー ト ・ ス トッ プ ボ タン を 付け る 





2 ター ト スト ぅ ブ | ォ * ア ニメーション に スタ ー ト ・ ス トッ プ ボ タン を 付け る 





Ll2 ォ ア ニメーション に スタ ー ト ・ ス トッ プ ボ タン を 付け る 


ォ ア ニメーション に スタ ー ト ・ ス トッ プ ボ タン を 付け る 


| 医 別 





解 サン プル で は 、「 画 像 を アニ メー ショ ン す る ] (前 項 ) で 作成 し た Image プ ジェ クト の 
旭 史 配列 を 利用 し て いま す 。 

「 ス ター ト 」 ボ タン が 押さ れ た 時 は 、 関 数 [anime_2()] が 発生 し て Image オ プ ジ ェ クト 
の 配列 の 要素 が 呼び 出さ れ 、 ア ニメーション が スタ ー ト し ます 。「 ス トッ プ ] ボ タン 
が 押さ れ た 時 に は 、 関数 [srop()] が 発生 し 、[clearTimeour0] に よっ て アニ メー ショ 
ン が 停止 し ます 。 
[clearTimeout()」 の 設定 は 、[ID 名 =serTimeout()] と serTimeout() に ID を 設定 し 、 そ 
の ID を 「clearTimeour(ID 名 )] と clearTimeout() 内 で 指定 する こと に より 行い ます 。 
JavaScript1.1 で 追加 され た オプ ジェ クト で す 。 


Image オブ ジェ クト 


<HTML> 

<HEAD> 

<TTTTLE></TTTLE> 

<SCRTPT Language= "JavaScript1 .1 "> 

マル ー ニ = 

Yar TimeSet1 = 500 : 

Yar TmageSetA = 1 : 

ANTMA = new Array() : 

EGOP(H 5 中 2 直人 6 RS 
ANTMA [1] = new Tmage() : 
ANTMA [1] .Src = "1image" + エ + ".qd1F" : 





} 
function anime_2() { 
documen .an1imaion 。 SrC = ANTMA[TmageSetA] .Sro : 
T エ mageSetA++ : 
ifF( TmageSetA > 5) { 
T エ mageSetA = 1 』 
} 
timerTD=setTimeout ("anime_2()", TimeSet1) : 
} 
funoction stop( ) { 
c1earTimeou (上 imerTD) : 
} 
パー ニニ ニテ 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
* ア ニメーション に スタ ー ト ・ ス トッ プ ポ タン を 付け る <pB> 
<TMG SRC="1mage1 .9g1F" NAME="animation" ALT="Animation" 
BORDER=0 WTDTH="100" HETGHT="100"> dl 
<FORM> 
<TNPUT TYPE="Dbutton" VALUE=" ス ター ト " onC1iock="anime_2() "> 
<TNPUT TYPE="button" VALUE=" ス トッ プ " onC1ick="stop( ) "> 
< く /FORM> 
</ BODY> 
</ HTML> 








上 l 具 setTimeout0ー「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」 :P.292 参 昭 

上 具 clearTimeout0 一 「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」:P.292 参 照 

上 l 孤 オブ ジェ クト = new Array() 一 「Array オ ブ ジ ェクト 」 の 「 曜 日 を 表示 する - Array オ ブ ジ ェクト を 使う - 」 
:P.494 参 照 


| の 村落 一 
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1 の 革 藩 時 ツー 


406 


ブナ ブ ジ ェクト 名 = new rmage( ) 


document . チ ブ ジ ェクト 名 . src [プロ パティ] 
document . images [イン デック ス ] [配列 ] 





* 画 像 に っ た り ク リッ ク し た 時 に 画像 を 変化 させ る 





+ 画 像 に 艇 っ た り ク リッ ク し た 時 に 画像 を 変化 させ る 


+ 画 像 に 触っ た り ク リッ ク し た 時 に 画像 を 変化 させ る 





サン プル で は まず 、 普 通 の 時 の ボタ ン の 画像 [burton1.g 直 | と マウ ス が 画像 の 上 に 乗っ 
た 時 の 画像 [button2.gf|、 ボ タン が クリ ッ ク さ れ た 時 の 画像 [button3.gif|、 の 3 枚 の 
画像 を 用 意 し 、「 画 像 を アニ メー ショ ン す る ] (P.402) と 同じ 要領 で 、 そ れ ぞ れ の URL 
の 値 を 持っ た 3 つの 配列 の 要素 を 作っ て いま す 。 

実際 に 画像 を 変化 させ る の は 、 リ ンク の 中 に 設定 し た イベ ント ハン ドラ で 行い ます 。 
どの 画像 を 変化 させ る か は 、HTML フ ァイル が 読み 込ま れる と 同時 に 、「document. 
images[0]] か ら 始ま る イメ ー ジ 配列 が で き て いる の で 、 そ れ で 指定 する よう に し て 
いま す 。 

上 の 画像 上 に マウ ス が 乗っ た 時 は 、 イ ベン ト ハ ンド ラ 「onMouseOver」 が 関数 [Set 
Image1(2.0)] を 発生 し て 、「documentimages[0]」 の 位置 の 画像 を 「button2.giE| に 置き 
換え ます 。 ク リッ ク し た 時 は 、「onClick="Serlmage1(3.0) "| に よっ て 、「document. 
images[0]] の 位置 の イメ ー ジ を 「butron3.g 直 に 置き 換え ます 。 マ ウス が 画像 か ら 離 れ 
た 時 は 、|onMouseOut="Serlmage1(1.0)"] に よっ て 、「documentimages[0]] の 位置 
の 画像 を 、|burton1.giE| に 置き 換え て いま す 。 

また 、 下 の 画像 上 に マウ ス が 乗っ た り 、 ク リッ ク さ れ た り 、 マ ウス が 離れ た 時 は 、 
「documentimages[1]] の 位置 の 画像 が 置き 換わる よう に 設定 し て いま す 。 
JavaScript1.1 で 追加 され た オプ ジェ クト で す 。 


Image オブ ジェ クト 


2 <HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT Language= "JavaScr1p 二 1 .1"> 
に ニー 
Var ButEonTmaqge = new Array() : 
Fo と ( エ = 1: ii < 4 ヵ : き ++) 
ButtonTmage [1] = new エ mage() : 
ButtonTmage [1] .Src="button" + エー ".difF" 





} 

Function SetTmage1 (Elag, position) { 

document . images [DoS1 上 1on] . src=ButEonTmage [Fl1ag] . 
BSP 』 
} 
ん だ ここ 
< く / SCRTPT> 
< く /HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
* 画 像 に 触っ た り ク リッ ク し た 時 に 画像 を 変化 させ る <P> 
<A HREF="#" OnMouSeOVer= "Se 上 Tmage1 ( 2 , 0 ) " onMouseOu キ = "Se 
Tmage1 (1,0)" onC1ick="SetTmage1 ( 3 , 0 ) "> 人 
<TMG SRC="button1 .g1fF" ALT= "button1" BORDER=0 WTDTH="78" 
HETGHT= "33 "></A> 
<P> 
<A HREF="#" onMousSeOvVer= " Set 上 Tmage1 ( 2 , 1 ) " onMouseOu キ =" Set 
Tmage1 (1 , 1) " onC1ick= "SetTmage1 (3 , 1 ) "> 0 
<TMG SRC="button1 .g1EF" ALT="button2" BORDER=0 WTDTH= 
"78" HETGHT="33 "></A> 
</ BODY> 
</HTML> 








上 l オ ブ ジ ェクト = new Array() 一 「Array オ ブ ジ ェクト 」 の 「 曜 日 を 表示 する - Array オ ブ ジ ェクト を 使う -」 
:P.494 参 照 


マウ ス 操 作 の タイ ミン グ で 画像 を 置き 換え る 時 の 注意 


Image オ ブ ジ ェクト で は 、 イ ベン ト ハ ンド ラ 「onClick」・「onMouse0ver」・ 
「onMouse0ut」 は サポ ー ト され て いま せん 。 

し た が っ て 、 マ ウス が 画像 上 に 乗っ た 時 や 離れ た 時 な ど に 画像 置き 換え 等 の 処理 を 行 
う 場 合 は 、、 こ の サン プル の よう に 、Link オ ブ ジ ェクト 内 な ど に イベ ント ハン ドラ を 置く 
必要 が あり ます 。 

も し 、 画 像 を クリ ッ ク し た 時 に 違う ペー ジ へ 飛び た く な い 場 合 は 、「 画 像 に 触っ た 時 に 
別 の 画像 を 変化 させ る ] 次項 ) の よう に 、"return false" を 返し て イベ ント の 処理 を 中 目 
させ る か 、「HREF="javascript:'] を 使え ば 大 丈夫 で す 。 


l ぶ 圭 落 時 パー ミユ 
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"回 ゴ ルコ 
居 有 時 | 
*p, た 時 lc 


ブ ブ ジ ェクト 名 = new rmage() 
document . ブ ブ ジ ェクト 名 . src [プロ パテ ィ 1] 
document .images[ プ インデ ックス ] [配列 ] 








+ 画 像 に 骨 っ た 時 に 別 の 画像 を 変化 させ る 





+ 画 像 に 馬 っ た 時 に 別 の 画像 を 変化 させ る 





| ぶ 圭 落 時 ペー 


「 画 像 に 触っ た り ク リッ ク し た 時 に 画像 を 変化 させ る (前 項 ) と 同じ 要領 で 、 画像 に 
色 史 触っ た タイ ミン グ で 別 の 画像 を 置き 換え る こと が で きま す 。 
サン プル で は 、 イ メー ジ 配 列 "document.images[0]" の 画像 の 上 に マウ ス が 乗っ た 時 
に 、"document.images[1]" の 画像 が 置き 換わる よう に し て いま す 。 
JavaScripr1.1 で 追加 され た オプ ジェ クト で す 。 
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U* < く HTML> 

<HEAD> 

<TTTTLE></TTTLE> 

<SCRTPT Lianguade= "JavaSCr1pt1 .1"> 
に つ ド ーー 

OnMouse = new Array() : 


だ Oi 三 12 も で 57: 下 f) 【 
OnMouse [1] = new Tmage() : 
OnMouse [1] .Src = "image" + ュ + ".giE" : 


} 
Function OnMoSet1 (Flag, position) { 
document .1mages [poS1tion] . src=OnMouse[F1ag] .Src : 
return fal]se : 
} 
// ュ ーー ジラ 
</ SCRTPT> 
< く /HEAD> 
<BODY BGCOLOR="#FFFFFF "> 
* 画 像 に 触っ た 時 に 別 の 画像 を 変化 させ る <P> 
<A HREF="#" onMouSeOvVer= "OnMoSe1 ( 2 , 1 ) " onMouseOu キ = "OnMo 
Set1 (1,1)" onC1ick="return OnMoSet1(4,1) "> 月 
<TMG SRC="1mage1 .g1f" ALT="OnMouseA-1" BORDER=0 WTDTH=" 
100" HETGHT="100"></A> | 
<A HREF="#" onMouseOver= "OnMoSe1 ( 3 , 0 ) " onMouseOu キ = "OnMo 
Set1 (1, 0 ) " onC1ick="return OnMoSet1 (4,0) "> 時 
<TMG SRC="1mage1 .g1E" ALT="OnMouseA-2" BORDER=0 WTDTH=" 
100" HETGHT="100"></A> 』 
</ BODY> 
</HTML> 








旧 孤 オブ ジェ クト = new Array()…「Array オ ブ ジ ェクト 」 の 「 曜 日 を 表示 する - Array オ ブ ジ ェクト を 使う - 
:P.494 参 昭 


| の 寺 藩 避 ツー 


Image オブ ジェ クト 409 


ブナ ブ ジェ クト た 名 = new rmage( ) 
documen も t . ブ ブ ジ ェクト 名 . src [プロパティ] 
document .images [イン デック ス ] [配列 ] 





』 レー ム の 画像 を 置き 換え る こと が で きま す 。 
その 場合 は 、 置 き 換 える 画像 の 指定 は 、「parent 画像 の ある フレ ー ム 名 .documcnt. 
images[ イ ン デ ックス ].src] と し ます 。 


「 画 像 に 触っ た り ク リッ ク し た 時 に 画像 を 変化 させ る | (P.406) と 同じ 要領 で 、 別 フ 




















イ JavaScript1.1 で 追加 され た オプ ジェ クト で す 。 

メ 

出 

天 【 フ レー ム 】 

提 ンク <HTML><HEAD><TTTLE></TTTLE></HEAD> 

作 <FRAMESET COL8="140,*"> 

す <FRAMESET ROWS="140,*"> 

る <FRAME SRC="E1 .htm1" NAME="F1"> 

ーーー <FRAME SRC="F2 .htm1" NAME="F2"> 
</FRAMESET> 

<FRAME SRC="F3 .htm1" NAME="F3"> 
</FRAMESET> 
<NOFRAMES> 
フレ ー ム 機能 を 使用 し て いま す 。 フ レー ム 対 応 の プラ ウザ で 試し て くだ さい (^_^) 。 
</NOFRANMES> 
</HTML> 
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【f1.html】 

<HTML> 
<HEAD><TTTLE></TTTLE></HEAD> 
<BODY BGCOLOR="#FFFFFF"> 


GHT="100"> 
</ BODY></ HTML> 


<TMG SRC="1mage1 .g1F" ALT="OnMouseB-1" WTDTH="100" | 


【f2.htmll 

<HTML> 

< く HEAD> 
<TTTLE></TTTLE> 


<SCRTPT Languagde= "JavaScrip キ 1 .1"> 


く !『ー ニ ーー 

OnMouseB = new Array ( ) 

for(1 = 1: 1 < 6: i++) 【 
OnMouseB [1] = new エ mage() : 


OnMouseB [1] .src = "1mage" + ュ エ + ".g1E" : 


} 


Function OnMoSet2(Elag, position) { 
parent . 1 .document .1mages [DoS1t1on] . sro=OnMouseB[ 


Flag] .sro : 

上 

な ーー 

</SCRTPT> 

<BODY BGCOLOR= "#FFFFFF "> 


・<A HREF="fFp1 .htm1" TARGET="F3" onMouseOVer= "OnMoSe2 (2 , 

0 ) " onMouseOut= "OnMoSe2 ( 1 , 0 ) " > 笑顔 </A><P> 軸 

・<A HREF="fFp2 .htm1" TARGET="F3" onMouseOVer= "OnMoSe2 (3 , 

0 ) " onMouseOu ヒ 上 ="OnMoSe2 (1 , 0 ) " > 泣き 顔 </A><P> 朋 

・<A HREF="fFp3 .htm] " TARGET="F3" onMouseOVer= "OnMoSe2 (4, 

0)" onMouseOu="OnMoSet2 ( 1 , 0 ) "> 怒り 顔 </A><P> d 

・<A HREF="f3 .htm1" TARGET="F3" onMouseOver= "OnMoSe2 (5, 

0 ) " onMouseOut="OnMoSe2 (1 , 0 ) "> 始め へ 戻る </A><P> 0 ィ 

</ BODY> メ 

</HTML> 昌 
ン 
を 

【f3.html し 

<HTML> す 

<HEAD><TTTLE></TTTLE></HEAD> る 

<BODY BGCOLOR="#FFFFFF"> SS 


* 別 フレ ー ム の 画像 を 変化 させ る 
</ BODY></ HTML> 








風 孤 「 フ レー ム 」 の 「 フ レー ム の 全体 構 成 を 指定 する 」:P.168 参 照 


上 上 parent. フ レー ム 名 一 「frame オ ブ ジ ェクト 」 の 「 入 力 さ れ た URL を 別 フ レー ム に 表示 する 」:P.324 参 照 
上 l 際 オブ ジェ クト = new Array() 一 「Array オ ブ ジ ェ ク ト 」 の 「 曜 日 を 表示 する - Array オ ブ ジ ェクト を 使う -」 


:P.494 参 照 
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onAbor 上 [イベ ント ハン ドラ ] 
OnE エ エ O〒 [イベ ント ハン ドラ ] 
onLoad [イベ ント ハン ドラ ] 








+ 画 像 の ロー ド 状 態 を 表示 する | 





づ # ロ FL て CO ます 





+ 画 像 の ロー ド 状 態 を 表示 する | 
の づき を ロー ド L て いま す 











* 画 像 の ロー ド 状 態 を 表示 する 





r 





メー ジ の ロー ド が 終了 し まし た 








イベ ント ハン ドラ 「onAbort] は 、 画 像 読み 込み 中 に 中 止 ボ タン が 押さ れる な ど し て 
月 画像 の 読み 込み が 中 止 さ れ た 時 に 、[onError| は 画像 読み 込み エラ ー 時 に 、[onLoad| 

は 画像 読み 込み 終了 時 に 、 そ れ ぞ れ イ ベン ト を 発生 し ます 。 
サン プル で は 、 画 像 ファ イル の それ ぞ れ の 状態 を 取得 し 、 そ れ に 合わ せ た メ ッ セ ー 
ジ を フォ ー ム 内 に 書き 出し て いま す 。 
この サン プル で 、 画 像 の 後に フォ ー ム を 持っ て 来る よう に する と 、 ス クリ プ ト が 機 
能 し な い 場 合 が あり ます 。 
JavaScriptl.1 で 追加 され た オプ ジェ クト で す 。 


1 <HTML> 

レン < く HEAD> 

<TTTLE></TTTLE> 

<SCRTPT Language= "JavaScript1 .1"> 


SS 三 三 


の H 革 落 一 x ユ 





Funoction STOP ( ) ( document .ZYOUTAT . zyo.value = " イメ ー ジ の * 
ロー ド が 中 止 さ れ ま し た " } | 
function ERR ( ) { document .ZYOUTAT . zyo.value = "イメ ー ジ の ロー 
ド に 失敗 し まし た " } 』 
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Function OK( ) { document . ZYOUTAT . zyo .value = "イメ ー ジ の ロー ド 
が 終了 し まし た " } 』 
2 

</SCRTPT> 

</ HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 画 像 の ロー ド 状 態 を 表示 する <P> 

<FORM NAME="ZYOUTAT "> 

<TNPUT TYPE="Eex 上 " NAME ="zyo" VALUE = " イメ ー ジ を ロー ド し て い 
ます . . . ." SIZE=60 > 
</FORM> 

< く BR> 

<TMG SRC="usagdi .d1F" ALT="usag1i .d1F" WTDTH="408" HETGHT 
="300" onAbor ェ ヒ =" STOP ( ) " onE ェ or= "ERR() " onLoad="OK( ) "> | 
< く P> 

</ BODY> 

</HTML> 











上 l 孤 document. フ ォ ー ム 名 . エ レ メ ン ト 名 .value-「「form オ ブ ジ ェクト 」 の 「 メ ー ル 送信 時 に 挨拶 を 表示 する ] 
:P.383 参 照 

上 onAbot… リ ファ レン ス 「 イ ベン ト ハ ンド ラ 」 の 「onAbort」:P.547 参 照 

内 onError* リ ファ レン ス 「 イ ベン ト ハ ンド ラ 」 の 「onError」:P.548 参 昭 

旧 プ onLoad で リフ ァ レ ンス 「 イ ベン トバ ハン ドラ 」 の 「onLoad]:P.548 参 照 


大 き な 画 像 や フォ ー ム 、 テ ー ブ ル と JavaScript を 共存 させ る 時 の 注意 


大 き な 画 像 や フォ ー ム ・ テ ー ブ ル な ど 、 ブ ラウ ザ が レイ アウ ト を 完成 する の に 時 間 が 
が か か る よう な HTML の 記述 の 後に JavaScript を 記述 し て も 、 ス クリ プ ト が うま く 動 か な 
い 場 合 が あり ます 。 

これ は 、 ブ ラウ ザ の レイ アウ ト 確 定 に 邪魔 され 、JavaScript の 認識 が 行なわ れ な か っ 
た た め に 起こ る 現象 の よう で す 。 

画像 の 場合 、 Netscape Navigator3.0 以 降 の ブラ ウザ を 使っ た り 、 そ う で な く て も 
「WIDTH] と 「HEIGHT」 の 指定 を すれ ば 、 画 像 部 分 の レイ アウ ト 確 定 が 早く 行わ れる の 
で 、 こ の 問題 は ほぼ 解消 され ます 。 けれ ども 、 テ ー ブ ル 内 に JavaScript を 記述 し た 時 や 、 
この サン プル の よう に 大 き な 画 像 の 上 で は な く 、 下 に フォ ー ム と 組み 合わ せ た JavaScript 
を 組み こん だ 時 な ど に 、 問 題 が 起こ る 場合 が あり ます 。 

これ ら の 問題 は 、Netscape Navigator3.0 以 降 の ブラ ウザ で も 発生 する 場合 が あり 
ます が 、Internet Explorer で この よう な 現象 を 確認 し た こと は あり ませ ん 。 


旧 の 革 藩 KKー さ 
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* 画 像 を リロ ー ド する か 確認 する 
この Page の イメ ー ジ は リン ク が 切れ て いま す 。 


同 awa 








サン プル で は 、 画 像 の 読み 込み エラ ー 時 に イベ ント を 発生 する イベ ント ハン ドラ 
月 別 「onError] を 利用 し て 、 画 像 が 正常 に 読み 込ま れ な か っ た 時 に 、 ペ ー ジ を リロ ー ド す 
る か どう か 確認 する ダイ アロ グ ボ ックス を 開い て いま す 。 
JavaScript1.1 で 追加 され た オプ ジェ クト で す 。 


9 <HTMT,> 
2 <HEAD> 
剛 <TTTLE></TTTLE> 


<SCRTPT Language= "JavaSoript1 .1"> 
で ゆこ ニ ーー 
Function ERR2 ( ) { 

1f ( confirm ("イメ ー ジ の ロー ド に 失敗 し まし た 。 ペ ー ジ を リロ ー ド し ます 
か ?") ) { 1ocation.href="08ima.htm1" } | 
} 
が ーーー※ 


| の 店 寺 落 上 ー ミ 
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</ SCRTPT> 

</ HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

* 画 像 を リロ ー ド する が 確認 する <P> 

この Page の イメ ー ジ は リン ク が 切れ て いま す 。<P> 

<TMG SRC= "error.91F" ALT="error.d1F" WTDTH="474" HETGHT 
="198" onE ェ エ o ェ ="ERR2 ( ) "> | 
</ BODY> 

</ HTML> 








上 lconfirm 0 一 「window オ ブ ジ ェクト 」 の 「 確 認 ボ タン 付き の ダイ アロ グ ボ ックス を 開く 」:P.288 参 昭 
用 !ocation.href「location オ ブ ジ ェクト 」 の 「 自 ペー ジ の UHL を 取得 する 」 :P.359 参 昭 
旧 具 onError で * リ ファ レン ス 「 イ ベン トバ ハン ドラ 」 の 「onError」 :P.548 参 昭 


雪 SN 


の 
* 


| の 中 圭 藩 NN 


Image オブ ジェ クト 415 


【 オ ブ ジ ェクト の 作成 】 

document .1ayers [レイ ヤー 名 ] 
document . 1ayers . レイ ヤー 名 
document . レイ ヤー 名 
document . 1ayers [ 添 畜 ] 


document .1ayers [レイ ヤー 名 ] .name [プロ パテ ィ ] 
document .1ayers [レイ ヤー 名 ] . 1eEt [プロ パテ ィ ] 
document .1ayers [レイ ヤー 名 ] .top [プロ パテ ィ ] 
document .1ayers [レイ ヤー 名 ] .pageX [プロ バテ ィ ] 
document .1ayers [レイ ヤー 名 ] .pageY [プロ パテ ィ ] 
document .1ayers [ レイ ヤー 名 ] . zTndex [プロ パテ ィ ] 
document . 1ayers [ レイ ヤー 名 ] .vis1b11it マ y [プロ パテ ィ ] 





* レ イヤ ー の 情報 を 取得 する 
オブ ジェ クト 名 :LAY1 


自画 を が ら の 位 :200 
画面 上 か ら の 位置 :50 
箇 遇 か ら の 位置 :200 

いら の 位置 :50 


Z-Index の 値 :1 
レイ ヤ 、 ー の 可視 属性 :inhert 








の 圭 藩 時 一 さ へ で | 


解 layer オ プ ジ ェ クト は document オ プ ジ ェ クト の プロ パテ ィ な の で 、 オ プ ジ ェ クト の 参 
民 』 照 は サン プル の よう に [documentlayers[ レ イヤ ー 名 ]]・「documcntlayers. レ イヤ ー 

名 ]・「document. レ イヤ ー 名 ]、 ま た は 、 オ プ ジ ェ クト を 配列 と し て 取り 扱っ て 
「document.layers[ 添 番 ]] と する こと に より 可能 で す 。 
「name] プ ロ パ ティ は <LAYER> タ グ 内 の 「NAME」 属 性 で 設定 し た layer オ プ ブ ジ ェクト 
名 を 、|lefkl プロ パテ ィ は ペー ジ あ る い は 親 レ イヤ ー の 左上 角 か ら の レイ ヤー 左上 角 
の X 軸 上 の 位置 の 値 を 、「top] プ ロ パ テ ィ は ペー ジ あ る い は 親 レ イヤ ー の 左上 角 か ら 
の レイ ヤー 左上 角 の X 軸 上 の 位置 の 値 を 、「pageX]」 プ ロ パ テ ィ は ペー ジ 左 上 角 か ら の 
レイ ヤー 左上 角 の X 軸 上 の 位置 の 値 を 、「pageY] プ ロ パ テ ィ は ペー ジ 左 上 角 か ら の レ 
イヤ ー 左 上 角 の Y 軸 上 の 位置 の 値 を 、「zIndcx] プロ パテ ィ は レイ ヤー の 軸 上 の 値 を 、 
「visibilipy] プ ロ パテ ィ は レイ ヤー の 可視 属性 の 値 を 、 そ れ ぞ れ 返 し ます 。 
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親 レ イヤ ー の 場合 は ペー ジ 左 上 角 か ら の 位置 を 参照 する の で 、[lefkcl プ ロ パ ティ と 
[pageX」 プ ロ パ ティ 、「top] プ ロ パ テ ィ と 「pageY] プ ロ パ テ ィ の 値 は 同じ に な り ま す 。 

また 、 サ ンプ ル で は 、 レ イヤ ー に 可視 属性 を 設定 し て いな い の で 、 親 レイ ヤー の 可 
視 属 性 に 準ずる 「inhcrirl の 値 が 返り ます 。 

これ ら の プロ パテ ィ は 変更 可能 な の で 、 ペ ー ジ 表示 後に これ ら の 値 を 変更 する こと 
に より 、 レ イヤ ー を 移動 し た り 、 可 視 属性 を 変化 させ る こと が 可能 で す 。 


KO <HTML> 
/ 
の < く HEAD> 
回 <TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFF"> 

* レ イヤ ー の 情報 を 取得 する <P> 

<LAYER NAME="LAY1" LEFT="200" TOP="50" WTDTH="200" HETGHT 
="150" ZZ-TNDEX="1" BGCOLOR= "#99FFCC"> | 
<B>LAY1</B> 

</LAYER> 

<SCRTPT LANGUAGE= "JavaScript1 .2"> 

ぐ ! ーー 

document .write ("オブ ジェ クト 名 :" , document .1ayerg[ "LAY1"] .name) : 
document . write ( "<BR>" ) : 

document .write( " 画面 左 か ら の 位置 : " ,document . 1ayers .LAY1 .1eF て ) : 
document .wr1te( "<BR>" ) : 

document . write ( " 画面 上 か ら の 位置 : " ,document . LAY1 .top) : 

documen .wr1Ee ("<BR>" ) : 

document .write ( " 画面 左 か ら の 位置 : " ,document .1ayers[0] .pageX ) : 
document . write ("<BR>" ) : 

document .write (" 画面 上 か ら の 位置 : " ,document .1ayergs[ "LAY1"] . 
pageY ) 』 
documen .write ( "<BR>" ) : 

document .write( "2-Tndex の 値 :",document .1ayers[ "LAY1"] .z 
Tndex ) : | 
document .write ("<BR>" ) : 

document .write ("レイ ヤー の 可視 属性 : " ,document .1ayers[ "LAY1"] 。 
Ysib111 上 Y) : dl 
が = 

</ SCRTPT> 

</ BODY> 

</HTML> 








有 lM <LAYERH>… コ ラム 「Netscape Navigator4.x の レイ ヤー に つい て ・ 1 一 4]:P.204 参 昭 


layer オブ ジェ クト 











【 オ ブ ジ ェクト の 作成 】 

document . 1ayerg [ レイ ヤー 名 ] .1ayers [レイ ヤー 名 ] 
document . 1ayers. レイ ヤー 名 .1ayers . レイ ヤー 名 
document . 1ayergs [ 流 落 ] . 1ayers [ 流 落 ] 


document .1ayers [ 親 レ イヤ ー 名 ] .1ayers [レイ ヤー 名 ] .name [プロ パテ ィ ] 


document . 1ayers [ 親 レ ヤー 名 ] .1ayers [レイヤー 名 ] .1eft [プロ パテ ィ ] 
document . 1ayers [ 新 レ イヤ ー 名 ] . 1ayers [レイ ヤー 名 ] .top [プロパ ティ] 
document . 1ayers [ 親 レ イヤ ー 名 ] . 1ayers [チレ イヤ ー 名 ] .pageX [プロ パテ ィ ] 
document .1ayers [ 新 レ イヤ ー 名 ] .1ayers [レイ ヤー 名 ] .pageY [プロ パテ ィ ] 
document .1ayers [ 新 レ イヤ ー 名 ] .1ayers [レイ ヤー 名 ] .zrndex [プロ パテ ィ ] 
document . 1ayers [ 親 レ イプ ヤー 名] . 1ayers 

[レイヤー 名 ] .visibi1ity [プロ パテ ィ ] 





* 子 レイ ヤー の 情報 を 取得 する 











オブ ジェ クト 名 :LAY2 

塊 レ イヤ ー 在 か ら の 6 
レイ ヤー 

画面 


画面 上 か ら の 
Z-Index の 値 : 1 
レイ ヤー の 可視 属性 :show 





…mme 六 


解 ネス ト さ れ た 子 レ イヤ ー の 参照 は 、 サ ンプ ル の よう に 「document.layers[ 親 レイ ヤー 
別名 ].ayers[ 子 レイ ヤー 名 ]] ・「documentlayers. レ イヤ ー 名 .Iayers. レ イヤ ー 名 ]、 ま た は 
「documenr.ayers[ 添 番 ].layers[ 添 番 ]] と する こと に よっ て 可能 で す 。 
子 レ イヤ ー の 場合 、「leftcl プ ロ パ テ ィ と 「top] プ ロ パ テ ィ は 親 レイ ヤー 左上 角 を 基準 
と し た 、「pageX] プ ロ パ ティ と 「pageY] プ ロ パ ティ は ペー ジ 左 上 角 を 基準 と し た 、 レ 
イヤ ー の 位置 の 値 を 返し ます 。 
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<HTML> 
<HEAD> 
<TTTTLE></TTTLE> 
</HEAD> 
<BODY BGCOLOR= "#FFFFEFF "> 
* 子 レイ ヤー の 情報 を 取得 する <P> 
<LAYER NAME="LAY1" LEFT="200" TOP="50" WTDTH="200" HETGHT 
="150" ZZ-TNDEX="1" BGCOLOR= "#99FFCC"> 前 

<LAYER NAME="LAY2" LEFT="50" TOP="50" WTDTH="100" HE 
TGHT="50" Z-TNDEX="1" VTSTBTLTTY="show" BGCOLOR= "#FFFFCC"> 
<B> 子 レイ ヤー</B> 

< く /LAYER> 
< く /LAYER> 
<SCRTPT LANGUAGE= "Java8cript1 .2"> 
3 
document .write(" オプ ジェ クト 名 : " , document .1ayergs[ "LAY1"] 。 
1ayers[ "LAY2"] .name) : | 
document .write ("<BR>" ) : 
document .write( " 親 レ イヤ ー 左 か ら の 位置 : " ,document .1ayers .LAY1 。 
1ayerg .LAY2 .1efFt ) : | 
document .write( "<BR>" ) : 
document . write(" 親 レ イヤ ー 上 か ら の 位置 : " , document.1ayers[0] 、 
1ayers[0] .tEop) : | 
document .write ("<BR>" ) : 
document .write(" 画面 左 か ら の 位置 : ",document .1ayergs[ "LAY1"] 。 
1ayers["LAY2"] .page 双 ) : 
document .write( "<BR>" ) : 
document .write(" 画面 上 か ら の 位置 : ",document.1ayerg[ "LAY1"] . 
1ayergs[ "LAY2"] .pageY) : 上 
documen .write ("<BR>" ) : 
document .write("Z-Tndex の 値 :",document.1ayers["LAY1"] 。 
1ayers[ "LAY2"] .zTndex) : | 
documen .write ("<BR>" ) : 
document .write ("レイ ヤー の 可視 属性 : " ,document . 1ayergs[ "LAY1"] 。 
1ayers[ "LAY2"] . で 1g1b111 革 y) : | 
ニニ テ 
</ SCRTPT> 
</ BODY> 
</HTML> 











上 <LAYER>… コ ラム 「Netscape Navigator4.x の レイ ヤー に つい て ・1 一 4」:P.204 参 昭 


layer オブ ジェ クト 





の 叶 圭 洪 副 さ へ で | 
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document .1ayers [レイ ヤー 名 ] .c1ip .top [プロ パテ ィ ] 
document .1ayerg [レイ ヤー 名 ] .c1ip.1eEt [プロ バテ ィ ] 
document .1ayerg[ レイ ヤー 名 ] .c1ip .right [プロ パテ ィ ] 
document .1ayerg[ レイ ヤー 名 ] .c1ip.bottom [プロ パテ ィ ] 
document .1ayers [ レイ ヤー 名 ] .c1ip .width [プロ バ パティ] 
document .1ayerg [レイ ヤー 名 ] .c1ip .height [プロ パテ ィ ] 





* ク リッ プ の 情報 を 取得 する 


clip.top: 20 
clip.left: 10 
clip. right: 40 
clip.bottom:80 
clipwde:30 
clip.heght:60 


解 レイ ヤー の クリ ッ プ の 値 は 、 サ ンプ ル の 通り 「documentayers[ レ イヤ ー 名 ].clip] で 
月 】 取得 で きま す 。 

「cip.topp]」 プ ロ パ テ ィ は レイ ヤー 内 の クリ ッ プ の 上 の 位置 の 値 を 、「clip.leftc」 プ ロ パ 
ティ は レイ ヤー 内 の クリ ッ プ 左側 の 位置 の 値 を 、[clip.rightl プロパ ティ は レイ ヤー 
内 の クリ ッ プ の 右側 の 位置 の 値 を 、[clip.bottom] プ ロ パ テ ィ は レイ ヤー 内 の クリ ッ 
プ の 下 の 位置 の 値 を 、「clip.width] プ ロ パ テ ィ は クリ ッ プ の 幅 の 値 を 、[clip.height 
プロ パテ ィ は クリ ッ プ の 高 さ の 値 を 、 そ れ ぞ れ 返 し ます 。 
これ ら の プロ パテ ィ は 、 ペ ー ジ 表示 後 で も 変更 可能 で す 。 

( <HTML> 

2 更 <HEAD> 
回 <TTTLE></TTTLE> 

</HEIAD> 
<BODY BGCOLOR= "#FFFFEFF "> 
* ク リッ プ の 情報 を 取得 する <P> 
<LAYER NAME="LAY1" LEFT="200" TOP="50" WTDTH="200" HETGHT= 
"150" CLTP="10,20,40,80" ZZ-TNDEX="1" BGCOLOR= "#99FFCC"> 
<B>LAY1</B> 
< く /LAYER> 

layer オブ ジェ クト 


<SCRTPT LANGUAGE= "JavaScript1 .2"> 

に 

document .write("c1ip.Etop : " , document . 1ayers [ "LAY1"] .c13p。 
Op ) : 』 
documen .write ("<BR>" ) : 

document .wr1te("c1ip.1efFt : " ,document .1ayerg [ "LAY1"] .c1ip 
・1eEt) : 』 
document .write( "<BR>" ) : 

document .write("oc1ip.right : " ,document.1ayerg["LAY1"] 

で 11p . エ ight ) : 』 
document .write ("<BR>" ) : 

document .write( "oc1ip.bottom : " ,document.1ayers[ "LAY1"] . 
c11p.bottom) : 有 
document .write ("<BR>" ) 

document .write("c1ip.wide :",document.1ayerg[ "LAY1"] 。 
c11ip .width ) : 所 
document .write ("<BR>" ) : 

document .write("c1ip.height : ",document.1ayers[ "LAY1"] 。 
c1ip.hetght ) : 有 
パル ラー し 

</ SCRTPT> 

</BODY> 

</HTML> 





上 <LAYERH>… コ ラム 「Netscape Navigator4.X の レイ ヤー に つい て ・1 一 4」:P.204 参 昭 


layer オブ ジェ クト 
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document .1ayers [ レイ ヤー 名 ] .above - name [プロ パテ ィ ] 
document .1ayers [レイ ヤー 名 ] .be1ow.name [プロ パテ ィ ] 


* 上 下 の レ イヤ ー の 情報 を 取得 する 


上 の レイ ヤー 名 :LAY3 
下 の レ イヤ ー 名 :LAY1 





解 重なっ た レイ ヤー の 1 つ 上 の レイ ヤー の 値 は 「above] プ ロ パ ティ で 、1 つ 下 の レ イヤ ー 
衣 記 の 値 は 「below] プ ロ パ ティ で 、 参照 する こと が で きま す 。 
レイ ヤー は 、[「Z-INDEXI 属 性 を 設定 し て いな い 時 、HTML で より 下 に 記述 され て 
いる レイ ヤー が 上 に 重なっ て いき ます 。 サ ンプ ル で は 、 真ん中 の レイ ヤー[LAY2] か 
ら 「above] プ ロ パ ティ と 「below] プ ロ パ ティ を 使用 し て 、 上 の レイ ヤー[LAY3」 と 下 の 
レイ ヤー「LAY 1 」 の オプ ジェ クト 名 を 、「name] プ ロ パ ティ で 取得 し て いま す 。 


の <HTML> 
ルク HEAD 
ンス に 3 と コ 
<TTTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFEF"> 

* 上 下 の レ イヤ ー の 情報 を 取得 する <P> 

<LAYER NAME="LAY1" LEFT="200" TOP="50" WTDTH="200" HETGHT 
="150" BGCOLOR="#99FFCC"> 1 
<B>LAY1</B> 

< く /LAYER> 


layer オブ ジェ クト 


="150" BGCOLOR= "Cyan"> 

<B>LAY2</B> 

</LAYER> 

<LAYER NAME="LAY3" LEFT="250" TOP="100" WTDTH="200" HE エ 
GHT="150" BGCOLOR=" Brown "> 月 
<B>LAY3</B> 

</LAYER> 

<SCRTPT LANGUAGE= "JavaScrip1 .2"> 

く 1! ニー 

document .write(" 上 の レイ ヤー 名 : " , document.1ayerg[ "LAY2"] 
above .name) : 上 
document .write ("<BR>" ) : 

document .write(" 下 の レ イヤ ー 名 : " , document.1ayers["LAY2"] 。 
be1ow.name) : 有 
ん ニー タ 

</SCRTPT> 

</BODY> 

</HTML> 


<LAYER NAME="LAY2" LEFT="225" TOP="75" WTDTH="200" 生 











上 <LAYERH>… コ ラム 「Netscape Navigator4.x の レイ ヤー に つい て ・1 一 4]」:P.204 参 照 


layer オブ ジェ クト 





* し イヤ ー の 表示 ・* 非 表示 を 切り 替え る 





サン プル で は 、 レ イヤ ー を 使っ て ウイ ンド ウ 上 に レイ アウ ト さ れ て いる ボタ ン を ク 

月 呈 リッ ク す る こと に よっ て 、 同 じ よ うに レイ ヤー で レイ アウ ト さ れ て いる 画像 を 、 見 
える 状態 (Show) に し た り 、 隠 し て 見 えな い 状 態 (hid)) に し た り し て いま す 。 
「hide」] は 「hidden] と 記述 し て も 、 大 丈夫 で す 。 


6 <HTML><HEAD><TTTTLE></TTTTLE> 
<SCRTPT LANGUAGE= "JavaSoript1 .2"> 
ビン ドー 


function STmg ( ) { document .1ayers['LAY1'] .Yisib11ity='show' ) 


ーーー function HTmg ( ) { document .1ayers ['LAY1'] .Yisib11ity='hide' ) 
レ 7 ゲー ニー テ 
引 </ SCRTPT> 
MM </ HEAD> 
を < く BODY BGCOLOR= "#FFFFFF"> 
操 * レ イヤ ー の 表示 ・ 非 表示 を 切り 替え る <P> 
人 <LAYER NAME="LAY1" VTSTBTTLTTY="hide" TOP=50 LEFT=200> 
る <TMG SRC="image.g1F" ALT="1mage.g1F" WTDTH=100 HETGHT 
=100> | 
< く /LAYER> 
<LAYER NAME= "LAY2" VTSTBTT,TTY=" show" TOP=180 LEFT=185> 
<FORM> 


<TNPUT TYPE= "button" NAME="showimag" VALUE= "Show! !" 有 
onC]1iok="STmg ( ) "> 


<TNPUT TYPE="button" NAME="hideimag" VALUE="H1de!lr 
onC11iock="HTmg ( ) "> | 
< く /FORM> 
< く /LAYER> 
< く / BODY></HTML> 














内 <LAYER> コ ラム 「Netscape Navigator4.x の レイ ヤー に つい て 14]」:P.204 参 昭 
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document . 1ayers [ レイ ヤー 名 ] . 1eE モ = ビク セル [プロ パテ ィ ] 








* レ イヤ ー を 移動 する 


ルル の 4 から の 2ge 


* レ イヤ ー を 移動 する 


Me/c4M2679 の ggo 


* レ イヤ ー を 移動 する 





Me/co/77e 7/ 婦 7o/7e /ggoe 


* レ イヤ ー を 移動 する 


Me/co77e 7o 7 /7o/7e /gge 


た に 
に に 
レ 
ヤ 
! 

を 
操 
作 
す 
る 


サン プル で は 、 レ イヤ ー に よっ て 重ね られ た 文字 列 の 内 、「Welcome To 」 の 文字 列 
を 左 に 、「Home Page」 の 文字 列 を 右 に 、10 ピ クセ ル ず つ 200 ミ リ 秒 ご と に 移動 させ 
て いま す 。 


<HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScrip1 .2"> 
りー 
Function MVon( ) { 
if ( document.1ayers [ 'LAY1'] .1eEt >10 )({ qoocument . 
1ayers['LAY1'].1eE モ -= 10 } 
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ifF( document .1ayers [ 'LAY3'] .1eFt < 370 ){ qocument. 

1ayerg['LAY3'] .1eEE += 10 } 月 

} 

ニニン 

</ SCRTPT> 

く /HEAD> 

<BODY BGCOLOR= "#FFFFEFEF"> 

* レ イヤ ー を 移動 する <P> 

<LAYER NAME="LAY1" VTSTBTLTTY=" Show" TOP=50 LEFT=200> 
<FONT STZE=7><B>< エ >We1Come TO </ エ ></B><FONT> 

</LAYER> 

<LAYER NAME="LAY2" VTSTBTLTTY="Show" TOP=50 LEFT=290> 
< く FONT STZE=7><B>< エ >MY</ エ ></ B><FONT> 

< く /LAYER> 

<LAYER NAME="LAY3" VTSTBTLTTY=" Show" TOP=50 LEFT=200> 
< く FONT STZE=7><B>< エ >Home Page</ エ ></B><FONT> 

</LAYER> 

<SCRTPT LANGUAGE= "JavaScript1 .2"> 

っ 

setTnterva1 ("MVon()", 200): 

/ ニ ニテ 

</ SCRTPT> 

< く / BODY> 

</HTML> 








上 <LAYEH> コ ラム 「Netscape Navigator4.xX の レイ ヤー に つい て - 1 4」:P.204 参 照 
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* レ イヤ ー の 背景 色 を 変え る * レ イヤ ー の 背景 色 を 変え る 





<LAYER> タ グ 内 に JavaScript を 記述 する こと に より 、 そ の 階層 の レイ ヤー の み に 影 
響 する JavaScript を 設定 する こと が で きま す 。 

サン プル で は 、 レ イヤ ー 上 に マウ スカ ー ソ ル を 乗せ た り 、 レ イヤ ー か ら マ ウス カー 
ソル が 離れ た 時 、 イ ベン ト が 発生 し て レイ ヤー の バッ ク の 色 が 変わ り ま す 。 





NR <HTML> 
の <HEAD><TTTLE></TTTLE></HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* レ イヤ ー の 背景 色 を 変え る <P> 
<LAYER NAME="1ayer1" VTSTBTLTTY="show" BGCOLOR="b1ue" 
TOP=50 LEFT=100 WTDTH=200 HETGHT=200> 
<LAYER NAME="1ayer2" BGCOLOR="b1ue" TOP=50 LEFT=50 
WIDTH=100 HETGHT=100 onMouseOver="changeCo1or('red!' ) "on 
MouseOut="changeCo1or('b1ue' ) "> 
<P> こ こ に マウ ス を 持っ て くる と バッ ク の 色 が 変わ り ま す . . .</P> 
<SCRTPT LANGUAGE= "JavaScr1p1 .2"> 
六 ま ーー 
Function changeCo1or(NC) { bgCo1or=NC } 
バニー 
< く /SCRTPT> 
< く /LAYER> 
< く /LAYER> 
</BODY> 
< く / HTML> 


の 革 沙 座 一 さ へ で 昌 








上 <LAYER>* コ ラム 「Netscape Navigator4.xX の レイ ヤー に つい て ・1 一 4」:P.204 参 照 
上 き 失 付録 「 カ ラー チャ ー ト 1 一 3]: 巻 未 参照 
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【 オ ブ ジ ェクト の 作成 】 

document .a11[ ス タイ プル シー トム 名 ] .sty1e 
document .a11 . スタ イル シー トム 名 
document . スタ イル シー ト 名 

document .a11 [ 流 落 ] 


document .a11[ ス タイプ ル シ ー ト ム 名 ] . sty1e .1eEt [プロ パテ ィ ] 
document .a11[ ス タイ ル シ ー ト 名 ] . sty1e .top [プロ パテ ィ ] 
document .a11[ ス タイ プル シー トム 名 ] .p1xe1Left [プロ パテ ィ ] 
document .a11 [スタ イル シー トム 名 ] . sty1e .pixe1Tmop [プロ パテ ィ ] 
document .a11 [スタ イル シー トム 名 ] . sty1e .zTndexr [プロ パテ ィ ] 
document .a11 [スタ イル シ ー ム 名 ] . sty1e .visibi1ity [プロ パテ ィ ] 





ォ * ォ スタ イル シート の 情報 を 取得 する 


STY1... 画面 夏 から の 位置 
200px 
画面 上 か ら の 位置 :50px 


画面 圧 か ら の 位置 燥 値 :200 
画面 上 か ら の 位置 (数 値 ):50 
Z-Index の 値 :2 

可視 属性 :visibls 





Internet Explorer で の スタ イル シー ト は ドキ ュ メ ント オプ ジェ クト の プロ パテ ィ な の 
肌 で 、 オ プ ジ ェ クト の 参照 は サン プル の よう に 「documenr.all[ ス タイ ル シ ー ト 名 ]. 
sryle」・|document.all. ス タイ ル シ ー ト 名 |] ・「[document ス タイ ル シ ー ト 名 |]、 又 は オ 
プ ジ ェ クト を 配列 と し て 取り 扱っ て [documental 添 番 ]] と する こと に より 可能 で す 。 
た だ し 、[|document.al. ス タイ ル シ ー ト 名 | の 用 法 は 、Windows 版 の Internet Explorer 
で は エラ ー に な り ま す 。 ス タイ ル シ ー ト 名 を 囲む 「[]] は 、「( )」 で も 構い ませ ん 。 
[leftl プ ロ パテ ィ は 、 ペ ー ジ ある い は 親 ス タイ ル シ ー ト の 左上 角 か ら の スタ イル シー 
ト 左 上 角 の X 軸 上 の 位置 の 値 を 、「top] プ ロ パ テ ィ は 、 ペ ー ジ ある い は 親 スタ イル シー 
ト の 左上 角 か ら の スタ イル シー ト 左 上 角 の X 軸 上 の 位置 の 値 を 、 文 字 列 で 返し ます 。 
「pixelLefcl プロパ テ ィ は 、 ペ ー ジ ある い は 親 ス タイ ル シ ー ト の 左上 角 か ら の スタ イ 
ル シ ー ト 左上 角 の X 軸 上 の 位置 の 値 を 、「pixelTop] プ ロ パ テ ィ は 、 ペ ー ジ ある い は 
親 ス タイ ル シ ー ト の 左上 角 か ら の スタ イル シー ト 左 上 角 の X 軸 上 の 位置 の 値 を 、 数 
値 で 返し ます 。 


の * ト 田 半 座 テー ツユ 半 | 
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また 、「zIndex] プ ロ パ ティ は スタ イル シー ト の z イ ン デ ックス の 値 を 、[yisibiiry」 プ 
ロ パ ティ は 可視 属性 を 返し ます 。 

これ ら の プロ バテ ィ は 変更 可能 な の で 、 ペ ー ジ 表示 後に これ ら の 値 を 変更 する こと 
に より 、 レ イヤ ー を 移動 し た り 、 可 視 属性 を 変化 する こと が 可能 で す 。 

Internet Explorer4.x 以 降 で 使用 可能 で す 。 


7 <HTML> 
タン <HEAD> 
思 <mTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFEF"> 

* ス タイ ル シ ー ト の 情報 を 取得 する <P> 

<DTV TD="STY1" STYLE="position:abso1ute: 1efFt:200px: top: 
50px: width:200px: height:150px: 2Z-TNDEX=2 :1S1b111 上 y: マ ュ 
Sib1e: "> 

<B> STY1 . . .</B> 

</ <DTV> 

<SCRTPT LANGUAGE= "JavaScript1 .2"> 

ぐさ ボ コー= 

document .write(" 画面 左 か ら の 位置 : ", document .a11 [ "STY1" ] gty 
1e.1eft) : J 
document .write("<BR>") : 

document .write(" 画面 上 か ら の 位置 : " , document .a11 . STY1 ao 
top) : 

document .write("<BR>") : 

document .write( "画面 左 か ら の 位置 (数値) : " , document .a11 . STY1 sty 
1e.pixxe1Left) : 
document .write("<BR>") : 

document .write ( "画面 上 か ら の 位置 (数値 ) : " , document .a11[ "STY1"] 。 
gty1e.pixxe1Top) : 旨 
document .write( "<BR>") : 

document .write( "2-Tndex の 値 : " ,document .a11 [ "STY1" ] .gty1e . 
zTndex) : 旨 
document .write("<BR>") : 

document .write ("可視 属性 :", document .a11[ "STY1" ] .gty1e.Y1gi 
b111ty) 月 
ーー 

</ SCRTPT> 

</ BODY> 

< く /HTML> 








上 lOIV >ー「 ス タイ ル シ ー ト | の [任意 の 範囲 に スタ イル を 適用 させ る た め の タ グ ]」:P.194 参 照 


スタ イル シー ト 





【 オ ブ ジ ェクト の 作成 】 
document .a11 [スタ イル シー トト 名] .a11 [スタ イル シー 名 ] 
document .a11 . ス タイ ル シ ー ト 名 .a11 . ス タイ ル シ ー ト 名 


document .a11 [スタ イル シー トム 名 ] .a11 [スタ イル シー トム 名 ] . sty1e .1eft [プロ パティ] 
document .a11 [スタ イル シー ト 名 ] .a11 [スタイ ル シ ー ト 名 ] . sty1e .top [プロ バ パティ] 


document .a11 [スタ イル シー 名 ] .a11 [スタ イル シー ト 名 ] .pixe1Left [プロ バテ ィ ] 
document .a11 [スタ イル シー トト 名] .a11 [スタ イル シー ト 名 ] . sty1e .pixe1Top 

[プロ パテ ィ ] 
document .a11 [スタ イル シー トム 名 ] .a11 [スタ イル シー トム 名 ] . sty1e.zTndex 

[プロ バテ ィ ] 
document .a11 [スタ イル シー ト 名 ] .a11 [スタ アル シー ト 名 ] . gty1e.vigibi1ity 

[プロ パテ ィ ] 





* 子 スタ イル シー ト の 情報 を 取得 する 


親 の 左 か ら の 位置 :50px 
親 の 上 か ら の 位置 :50nx 
親 の 左 か ら の 位置 数値:5 
親 の 上 か ら の 位置 数 値 ):5 
Z-Index の 値 :2 

可視 属性 :visible 











ネス ト さ れ た 子 ス タイ ル シ ー ト の 参照 は H、 サ ンプ ル の よう に 「document.all[ ス タイ ル 
朋 呈 シー ト 名 ].all[ ス タイ ル シ ー ト 名 ]]・「documentall. ス タイ ル シ ー ト 名 .a. ス タイ ル シ ー 
ト 名 ] と する こと に よっ て 可能 で す 。 
スタ イル シー ト 名 を 囲む 「[]] は 、「( )] で も 構い ませ ん 。 
Internet Explorer4.x 以 降 で 使用 可能 で す 。 


の 還 当 テー マユ | 
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7 <HTML> 


も < く HEAD> 
M <TTTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFF"> 
* 子 スタ イル シー ト の 情報 を 取得 する <P> 
<DTV TD=" STY1" STYLE="position:abso1ute: 1eft:200px: 


:50px: width:200px: height:150px: 2Z-TNDEX=1 :visibi1ity 


:Y1sib]e: background: Green"> 


<DTV 1TD="STY2" STYLE="position:abso1ute: 1eft:50px: 
top:50px: width:100px: height:50px: Z-TNDEX=2 :vis1bi1i 


ty:Visib1]e: background: Tan"> 
<B> 子 スタ イル シー ト </B> 

< く /DTV> 
く /D エ TV> 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
<!ーー 


document . write(" 親 の 左 か ら の 位置 : ", document .a11[ "STY1"] 提 ] 


[ "STY2"] .style.1eft) : 
document .write("<BR>") : 


document .write ( " 親 の 上 か ら の 位置 : " , document .a11 .STY1 .a11 . STY 


2.gty1e.top) : 
document .wr1te ( "<BR>" ) 


document .write ( " 親 の 左 か ら の 位置 (数値) :" , document .a11 [ "STY1"] MR 


a11 [ "STY2"] .sty1e.pixre1LeEt) : 
document .write("<BR>") : 


document .write ( " 親 の 上 か ら の 位置 (数値 ) : " , document .a11 [ "STY1"] | 


a11 [ "STY2"] .sty1e.pixe1Tmop) : 
document .write ("<BR>") : 


document .write ("2Z-Tndex の 値 :",document .a11 [ "STY1"] 0 


[ "STY2"] .sty1e.zTndex) : 
document .wriEte("<BR>") : 


document .write(" 可視 属性 :",Qocument .a11 [ "STY1"].a11[ "STY2"] 剖 


8g モ 1e.yisibi1itY) : 
2/( ご ニテ 

</ SCRTPT> 

</ BODY> 

</HTML> 








上 <DIV >ー「 ス タイ ル シ ー ト 」 の [任意 の 男 囲 に スタ イル を 適用 させ る た め の タ グ ]」:P.194 参 昭 
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の 還 崇 評 頻 敵 軍 天 ・ 主 | 


、ー 
SN 
ざ 
kN 


ブナ ブ ジ ェクト 名 = new Date() 
ブ ブ ジ ェクト 名 .getYear( ) [メソ ッ ド ] 


ブ ブ ジ ェクト 名 .getDate( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getMonth( ) [メソ ッ ド ] 
チ ブ ジェ クト 名 .getHours( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getMinutes( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .get8econds ( ) [メソ ッ ド ] 


* 年 ・ 月 ・ 日 ・ 時 * 分 * 秒 を 表示 する 
1999 年 8 月 24 日 12 時 55 分 42 秒 








* 年 * 月 ・ 日 ・ 時 * 分 * 秒 を 表示 する 


1999 年 8 月 24 日 12 時 58 分 36 秒 





サン プル で は 、「now = new Date()」 で 、 マ シン の シス テム 時 計 か ら 現 在 時 刻 の 要素 
を 取り 出し た オプ ジェ クト 「now] を 作成 し 、 メ ソ ッ ド を 使っ て そこ か ら 各 時 間 の 要 
素 を 取得 し て いま す 。 

「gerYear0]」 メ ソ ッ ド は 西暦 の 下 2 桁 の 数 値 を 、「geuMonh()] メ ソ ッ ド は 1 月 を 0 と し 
た 月 に 対応 し た 0 か ら 11 ま で の 数 値 を 、「getDate()」 メ ソ ッ ド は 日 に 対応 し た 1 か ら 31 
まで の 数 値 を 、「getHours()」 メ ソ ッ ド は 時 間 に 対 応 し た 0 か ら 23 ま で の 数 値 を 、 
|getMinutes()] メ ソ ッ ド は 分 に 対応 し た 0 か ら 59 ま で の 数 値 を 、「getSeconds()]」 メ ソ ッ 
ド は 秒 に 対応 し た 0 か ら 59 ま で の 数 値 を 、 そ れ ぞ れ 取 得 し ます 。 


<HTML><HEAD><TTTLE></TTTLE></HEAD> 

<BODY BGCOLOR= "#FFFFEFF"> 

* 年 ・ 月 ・ 日 ・ 時 ・ 分 ・ 秒 を 表示 する <P> 

<SCRTPT LANGUAGE= "JavaScCr1Dpt "> 

<⑳ 旧 ニ ニニ 

now = new Date( ) : 
document .write("19" ,now.getYear( ) , "年 ") : 
document .write (now。getMonth ( ) +1 , "月" , now.getDate( ) , " 

日 ") : 』 

document . write (now.getHours ( ) , "時 " ,now.getMinutes( ) , 

> 』 
document . write (now。getSeconds ( ) , " 秒 " ) : 

ん が ーー の 

< く / SCRTPT> 

</ BODY></HTML> 
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ブ オブ ジェ クト 名 = new Date( ) 
ブ ブ ジ ェクト 名 .getHours ( ) [メソ ッ ド ] 


* 午 前 午後 を 表示 する 
午前 





解 サン プル で は 、「gerHours()] メ ソ ッ ド で 現在 時 刻 を 取得 し 、 そ の 数 値 が 12 よ り 小 さ 
生 史 けれ ば 「 午 前 ]、 大 きけ れ ば 「 午 後 ] と 表示 し ます 。 
「 条 件 式 ?x:y」 は 、 条 件 式 が 真 の 場合 [x] の 値 を 、 偽 の 場合 [y] の 値 を 返し ます 。 


0 <HTML> 
ンク 
ツァ <HEAD> 
<TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFF"> 
* 午 前 午後 を 表示 する <P> 
<SCRTPT LANGUAGE= "JavaScr1pt 上 "> 
る | = ニニ 
Var now = new Date(): 
Var AMPM = now.getHourgs( ) : 
document .write( AMPM<12 ? "午前 ":" 午 後 "): 








近 生 っ 全 ま =e 
</ SCRTPT> 日 
</ BODY> 付 
< く / HTML> 時 
5 
を 
利 
用 
す 
る 
月 の 値 を 表示 する 時 の 注意 


月 の 値 を 返す 「getMonth0」 メ ソ ッ ド は 、 実際 の 月 より 1 小さい 数 値 を 返し ます 。 正確 
に 月 を 表示 させ た い 時 に は 「getMonth()+1] と 1 を 加え る こと を 忘れ な いよ うに し て く 
だ さい 。 
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ブチ ブ ジェ クト 名 = new Date() 
ナブ ジェ クト 名 .getDay ( ) [メソ ッ ド ] 


和夫 日 を 表示 する 
(月 ) 
#8 夫 日 を 表示 する 
( 火 ) 
ォ 8 秦 日 を 表示 する 
( 水 ) 
4 堆 日 を 表示 する 
( 木 ) 
4H 堆 日 を 表示 する 
( 金 ) 








時 8 堆 日 を 表示 する 
月 ( 土 
時 ーー 
48 夫 日 を 表示 する 
3 (日 〉 
利 
用 
す 
る 


曜日 を 取得 する 「getDay0」 メ ソ ッ ド は 、 日 曜日 の 場合 は 0、 月 曜日 の 場合 は 1、 と い 
衣 史 う 順 番 で 、 曜 日 の 値 を 0 か ら 6 ま で の 数 値 で 取得 し ます 。 
サン プル で は 、 取 得 し た 数 値 を 文 で 参照 し 、 日 曜日 は 赤い 文字 で 、 土 曜日 は 青い 
文字 で 、 そ の 他 の 曜日 は フォ ント の 色 指定 な し で 書き 出し て いま す 。 
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9 <HTML> 

クン 

2 衣 <HEAD> 
<TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 
で けり: ニー ニ 
var y0 Meg) 
Va 1 ニキ 月 W: 
var y2 = " 業 ": 
Var yY3 = " 水 ": 
var y4 = " 木 ": 
Var yY5 = "人 金 ": 
var y6 = " 土 ": 
Function gety (Y) { 
if (y==0) { document .write( yO0.fFontco1or( "red") ) } 


if (==1) { document.write( y1 ) } 
1f (==2) { document.write( y2 ) } 
if (y==3) { document.write( y3 ) } 
if (y==4) { document.write( y4 ) } 
ifF (y==5) { document.write( y5 ) } 
tf (y==6) { document .write( y6.fFontco1or( "blue") ) } 

} 

// ニ ーー テ > 

</ SCRTPT> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 曜 日 を 表示 する <P> 


( 
<SCRTPT LANGUAGE= "JavaScCr1Dpt "> 
ここ 
day = new Date() : 
gety (day.getDaY( ) ) : 
(ニー ニッ 
</ SCRTPT> 
) 
< く / BODY> 
< く /HTML> 








有 l 際 string.fontcolor0ー「String オ ブ ジ ェクト 」 の 「 文 字 色 を 指定 する 」 :P.477 参 昭 


ぷ H 通 涯 記 天 吾 時 ・ 芋 mm | 
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ブチ ブ ジェ クト 名 = new Date() 
チチ ブ ジェ クト 名 .getMonth () [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getDate( ) [メソ ッ ド ] 








* 休 日 を 表示 する 


今日 は 「 元 日 」 で す ぃ 明け すま し て お めで と う ご ざ いま す 


* 休 日 を 表示 する 


今日 は [こども の 日 」 で す 





解 サン プル で は 、HTML フ ァイル が ロー ド さ れ た 時 に 、 関 数 [gethd()] 内 の 「holiday. 


博史 getMonth()+1] で 月 の 値 を 、「holiday.getDare()」 で 日 の 値 を 取得 し ます 。 そ れ ら の 値 


を 「fanction gethd(m.d) [内 の 議 文 で 参照 し 、 休 日 で あれ ば 休日 名 を 書き 出し ます 。 

「 function gethd(m,d)」 の m に は 月 の 値 が 、d に は 日 の 値 が 渡さ れ ま す 。 そ し て 、 文 
内 の 条件 式 で 、 例 えば [(m==1&&d==1)」 は 「 月 の 値 が 1 で か つ 日 の 値 が 1 で ある 」 こ と 
を 表わし 、 こ の 条件 式 が 真 (rue) の 時 、 つ まり 1 月 1 日 の 時 に 、「varl に よっ て 「hd0] 
と 宣言 され た 変数 の 値 「 今 日 は 「 元 日 ] で す ! 明 け ま し て お めで と う ご ざ いま す 」| と いう 








文字 列 が 書き 出さ れ ま す 。 
ーー 関 層 <HTML> 
by 錠 閉 <mEap> 

付 中 <TmTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JaVvaSCr1pt "> 
居 汎 コニー 

間 Yar hd0O = "今日 は 「 元 日 ] です! ! 明 け ま し て お めで と う ご ざ いま す ": 

円 var hd1 = "今日 は 「 成 人 の 日 ] です ": 

由 var hd2 = "今日 は 建国 記念 日 」 で す ": 

用 var hd3 = "今日 は 「 春 分 の 日 ] で す ": 

す var hd4 = "今日 は 「 み どり の 日 」 です": 

る Yar hd5 = "今日 は 「 憲 法 記念 日 ] です ": 
Yar hd6 = "今日 は 「 国 民 の 休日 ]」 です ": 
var hd7 = "今日 は 「 こ ども の 日 」 です": 
var hd8 = "今日 は 「 海 の 日 」 で す ": 
var hq9 = "今日 は 「 敬 老 の 日 」 で す ": 

Yar hd10 = "今日 は 「 秋 分 の 日 ] です": 
Yar hd11 = "今日 は 「 体 育 の 日 」 です": 
var hd12 = "今日 は 「 文 化 の 日 」 です": 
Yar hd13 = "今日 は 「 勤 労 感謝 の 日 ]」 で す " : 
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Yar hd14 = "今日 は 「 天 皇 誕生 日 ] で す ": 

Funotion gethd(m,d) { 
if (m==1g&d==1 ) { document .write( hd0 ) } 
1f (m==1g&d==15) { document.write( hd1 ) } 
1f (m==2ggd==11) { document.write( hd2 ) } 
1f (m==3g&d==20) { document.write( hd3 ) } 
if (m==4ggd==29) { document .write( hd4 ) } 
1Ff (m==5&g&d==3) { document .write( hd5 ) } 
1f (m==5&&d==4) { document.write( hd6 ) } 
1f (m==5&gd==5) { document.write( hd7 ) } 
1fF (m==7&g&d==20) { document .write( hd8 ) } 
ifF (m==9ggd==15) { document.write( hd9 ) } 
1fF (m==9&g&gd==23) { qdocument .write( hd10 ) } 
1f (m==10&ggd==10) { document.write( hd11 ) } 
1f (m==11gd==3) { document .write( hd12 ) } 
1f (m==11ggd==23) { document .write( hd13 ) } 
1fF (m==12ggd==23) { document.write( hd14) } 





} 
7 ニニ ェ 
</ SCRTPT> 
< く /HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* 休 日 を 表示 する <P> 
<SCRTPT LANGUAGE= "JavaScr1pt"> 
< く !ーーー 
ho11day = new Date( ) : 
gethd (ho1iday .getMonth ( ) +1 , ho]1 iday .getDate() ) : 
パピ ピーク 
</ SCRTPT> 
</ BODY> 
</HTML> 








[ 


E Macintosh 版 の Netscape で Date オ ブ ジ ェクト を 使う 時 の 注意 


Macintosh 版 の Netscape Navigator で は 、 グ リ ニ ッ ジ 標 準 時 (GTM) を 扱う 
[toGMTString0」 や 「getTimezoneOffset0」 の メソ ッ ド は 正しい 時 間 を 返し ませ ん 。 

また 、「getTime(0」 ・ 「parse0」 ・「UTC0」 な どの 、1970 年 1 月 1 日 0 時 0 分 0 秒 から 
の 経過 時 間 を 取り 扱う メソ ッ ド も 、 正 し い 日 付 を 返 べ な い 場 合 が あり ます 。 
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の et 請 涯 評 問 策 吾 弄 ・ 芋 | 


ブチ ブ ブ ジ ェクト 名 = new Date() 

ブチ ブ ジェ クト 名 .toGMTString( ) [メソ ッ ド ] 
ブナ ブ ジ ェクト 名 .toLoca1e8tring( ) [メソ ッ ド ] 
チ ナブ ジェ クト 名 .getTimezoneOEEgset ( ) [メソ ッ ド ] 





+ 国 際 標 準 時 や ロー カル タイ ム を 表示 する 
グリ ニッ ジ 標 準 時 (GTM.Mon, 2 Aug 1999 0107:11 UTC 


ロー カル タイ ム .08/02/1999 1007.11 
グリ ニッ ジ 標 準 時 (GTW と ロー カル タイ ム の 差 -540 分 





[toGMTString()] メ ソ ッ ド は 日 付 と 時 間 を GTM 形 式 の 文字 列 に 変換 し 、「toLocale 
String0」 メ ソ ッ ド は 日 付 と 時 間 を ロー カル タイ ム の 文字 列 に 変換 し ます 。 
「toGMTString()」 は 実行 され た マシ ン の 環境 に よっ て 、「toLocaleSrring()] は 実行 さ 
れ た 地域 と マシ ン の 環境 よっ て 結果 が 違い ます 。 

[gerTimezoneOfset0] は 、 グ リ ニ ッ ジ 標 準 計 と ロー カル タイ ム の 差 を 分 で 返し ます 。 


<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 国 際 標 準 時 や ロー カル タイ ム を 表示 する <P> 
<SCRTPT LANGUAGE= "JavaScr1pt "> 


く ! ーーー 

















JEtm = new Date( ) : 
documen .write ("グリ ニッ ツジ 標準時 (GTM) : " , gLm.toGMTmString( ) ) : 
document .write ( "<BR>" ) : 
document .write ("ロー カル タイ ム : " , gtLm.toLooa1e8t ェ ing( ) ) : 
document .write ("<BR>" ) : 
document .write ( "グリニッジ 標 準 時 (GTM) と ロー カル タイ ム の 差 : " , gtm.。 
getTimezoneOEEset( ) , "分 ") : 』 
ん ーー ニー ジテ 
< く / SCRTPT> 
</ BODY> 
< く / HTML> 
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オブ ジェ クト 名 = new Date ( "mon と カ da @a 了 の u ア 8: 加 了 ロロ と Gg: 


gecondg" ) 
ブチ ブ ジ ェクト 名 .getmime( ) 
チオ ブ ジ ェクト 名 . setmime( ) 


+ 日 時 を 後 か ら 変更 する 
Tue May 2 23.4500 UTO+0900 1967 


の 31 日 後 は 
Fri Jun 2 23.45.00 UTO+0900 1967 








[メソ ッ ド ] 
[メソ ッ ド ] 


解 サン プル で は 、「Bday = new Date("may 2, 1967 23:45:00")] で 1967 年 5 月 2 日 23 時 45 


邊 分 の 要素 を 持っ た 「Bday] と いう オプ ジェ クト を 作り 、 そ の 後 [scrTime()] メ ソ ッ ド を 


使用 し て 、「Bday] オ プ ジ ェ クト を 31 日 後 の 日 時 を 持つ オプ ジェ クト に セッ ト し 直し 


て いま す 。 


[serTime()]」 メ ソ ッ ド は 、 ミ リ 秒 単位 で 日 付 と 時 間 の 設定 を 行い ます 。 


の <HTML> 
2 議 <HEAD> 
由 <TTTLE></TTTLE> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* 日 時 を 後 か ら 変 更 す る <P> 
<SCRTPT LANGUAGE= "JavaScr1p キ "> 
く ! ーーー 
Bday = new Date( "may 2, 1967 23:45s00"): 
Day = 24*60*60*1000: 
document .write(Bday) : 
document .write ("<BR> の 31 日 後 は <BR>" ) : 
Bday・.setTime(Bday.getTime() + Day * 31): 
document .write(Bday) : 
が ニー ニー メ 
</ SCRTPT> 
< く / BODY> 
</ HTMTL> 


ぶ ト 語 央 上 弟 番 吾 天 ・ 革 m | 
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ぶ 還 当 応 問 靖 弄 ・ 主 加 軸 


ブ ブ ジ ェクト 名 = nevw Date( "mon と aa, @ar Our と 8:m 了 nu た Gg: 
gecondg" ) 
ブ ブ ジ ェクト 名 . setYear ( ) [メソ ッ ド ] 


チチ ブ ジェ クト 名 . setMonth( ) [メソ ッ ド ] 
ブチ ブ ジ ェクト 名 .setDate( ) [メソ ッ ド 1] 
ブチ ブ ジェ クト 名 .setHours ( ) [メソ ッ ド ] 
ブナ ブ ジェ クト 名 . setMinutes( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 . set8econds ( ) [メソ ッ ド ] 


解 _ 
説 








+ 年 .・ 月 日 ・ 時 * 分 * 秒 を 設定 する 


設定 前 Fri May 2 23.0000 UTO+0900 1997 
年 の 設定 変更 .Sat Mey 2 230000 UTC+0900 1970 


設定 前 Fri May 2 23.0000 UTC+0900 1997 
月 の 設定 変更 :Tus Sep 2 230000 UTC+0900 1997 


設定 前 Fri May 2 230000 UTC+0900 1997 
日 の 設定 変更 Tus Jun 3 230000 UTO+0900 1997 


[serYear0]」 メ ソ ッ ド は 年 の 下 2 桁 を 設定 し 、[setMonth()」 メ ソ ッ ド は 0 を 1 月 と し た 数 
値 で 月 を 設定 し 、「setDate()]」 メ ソ ッ ド は 日 を 設定 し 、[setHours()」 メ ソ ッ ド は 時 間 を 
設定 し 、|「setMinutes()] メ ソ ッ ド は 分 を 設定 し 、[serSeconds()] メ ソ ッ ド は 秒 を 設定 
し ます 。 

サン プル で は 、 各 メソ ッ ド を 使っ て 、]1 度 設定 され た 年 ・ 月 ・ 日 ・ 時 ・ 分 ・ 秒 の 設 
定 変更 を 行っ て いま す 。 設定 変更 が 、 そ の 部 分 以外 の 時 間 の 要素 に も 影響 を あたえ 
て いる (例え ば 、 秒 に 60 以 上 の 数 値 を 設定 し た 場合 、 分 な ども それ に 合わ せ て 変更 さ 
れ て いる ) 点 に 注目 し て くだ さい 。 


<HTML><HEAD><TTTLE></TTTLE></HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 年 ・ 月 ・ 日 ・ 時 ・ 分 ・ 秒 を 設定 する <P> 

<SCRTPT LANGUAGE= "JavaSCr1p モ "> 

人 H ら こら 

NewDay = new Date("may 2, 1997 23s00:00『): 
document .write( "設定 前 :" , NewDay) : 

document .wr1e ("<BR>" ) : 

NewDay . setYear(70): 

document .wri て e ( " 年 の 設定 変更 : " , NewDay) : 


ーー ラッ 
< く / SCRTPT> 
< く P> 


<SCRTPT LANGUAGE= "JavaSc エ 1Dpt "> 
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30 

NewDay = new Date( "may 2, 1997 23s00s00『): 
document . write ( "設定 前 : " , NewDay) : 

document .write ("<BR>" ) : 

NewDay . 8etMonth ( 8 ) : 

document . write( " 月 の 設定 変更 : " , NewDay ) 

ーー ニレ 

</ SCRTPT> 

< く P> 

<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 

宗光 ニーー 

NewDay = new Date( "may 2, 1997 23s00:00"): 
document . write( "設定 前 : " , NewDay ) : 

document .write( "<BR>" ) : 

NewDay . getDate(34 ) : 

document .write ( " 日 の 設定 変更 : " , NewDay ) : 

な / ご ニニ > 

</ SCRTPT> 

く P> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

され ーーー 

NewDay = new Date( "may 2, 1997 23g00:00『): 
document .write ( "設定 前 : " , NewDayY) : 

document .write ("<BR>" ) : 
NewDay . getHourg(14) : 

document . write ( "時 間 の 設定 変更 : " , NewDay ) : 





/)/ー ビ ニン 
</ SCRTPT> 
< く P> 


<SCRTPT LANGUAGE= "JavaScCr1p キ "> 

ETeo 

NewDay = new Date( "may 2, 1997 23s00:00『): 
document .write( "設定 前 :" , NewDay ) : 

document .write ( "<BR>" ) : 
NewDay.setMinutes(186) : 

document . write ( "分 の 設定 変更 : " , NewDay ) 


//ーーー> 
</ SCRTPT> 
< く P> 


<8SCRTPT LANGUAGE= "JaVaSCr1p キ "> 

ルピー デー 

NewDay = new Date("may 2, 1997 23s00:00"): 
document .write( "設定 前 : " , NewDay) : 

document . write ( "<BR>" ) : 
NewDay . setSecondgs (246) : 

document . write ( " 秒 の 設定 変更 : " , NewDay ) : 

7 ニーー ラ , 

< く / SCRTPT> 

</BODY></HTML> 


T 
[ 
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ブ ブ ジ ェクト 名 = new Date() 
ブ ブ ジ ェクト 名 .getFu11Year( ) [メソ ッ ド ] 


*4 桁 の 西暦 を 表示 する 
1999 年 





解 「getFullYear()] メ ソ ッ ド は 、 年 の 値 を 4 桁 返 し ます 。 

且 史 以前 か ら あ っ た 「gerYear0] メ ソ ッ ド は 、 基 本 的 に 西暦 の 下 2 桁 の 値 し か 返し ませ ん 
が 、「setFullYear0] メ ソ ッ ド の 場合 は 、 例 えば [1999] と いっ た よう に 4 桁 すべ て の 値 
を 返し ます 。 
「gerYear0] メ ソ ッ ド で も 西暦 2000 年 以降 の 年 の 値 を 取 り 扱え ます が 、ECMAScript 
と 仕様 を 合わ せる た め に 追加 され まし た 。 
JavaScript1.3 で 追加 され た メソ ッ ド で す が 、Nectscape Navigator4.0 や 、Internet 
Explorer4.x で も 使用 する こと が で きま す 。 


NR <HTMTL> 
の 
の < く HEAD> 
<TTTLE></ 呈 TTLE> 
</HEAD> 
<BODY BGCOLOR= "#FFFFEFF"> 
*4 桁 の 西暦 を 表示 する <P> 
<SCRTPT LANGUAGE= "JavaScr1ipt 上 "> 
で ーー 
now = new Date( ) : 
document . write(now.getFu11Year( ) , "年 " ) : 
が ーー 
</ SCRTPT> 
</ BODY> 
</HTML> 


び 
SN 








の 還 半 応 弟 生 吾 弄 ・ 計 
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オブ ジェ クト 名 = new Date( ) 
ブチ ブ ジェ クト 名 . setFu11Year( ) [メソ ッ ド ] 





*4 桁 の 西暦 を 設定 する 


西 層 設 定 前 :1999 年 
西 層 設 定 後 :2001 年 






以前 か ら あ っ た 「serYear0] メ ソ ッ ド は 、 基 本 的 に 年 の 下 2 桁 を の み を 設定 し ます が 、 
[secFullYear()」 メ ソ ッ ド は 、 サ ンプ ル の よう に 年 の 値 す べ て を 設定 し ます 。 
[serYear0] メ ソ ッ ド で も 西暦 2000 年 以降 の 年 の 値 を 取り 扱え ます が 、ECMAScript 
と 仕様 を 合わ せる た め に 追加 され まし た 。 

JavaScript1.3 で 追加 され た メソ ッ ド で す が 、Netscape Navigator4.0 や 、Internet 
Explorer4x で も 使用 する こと が で きま す 。 


[setFullYear0]」 メ ソ ッ ド は 、4 桁 の 年 の 値 を 設定 し ます 。 
BB 


7 <HTML> 

2 <HEAD> 

<TTTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFEFF "> 

*4 桁 の 西暦 を 設定 する <P> 

<SCRTPT LANGUAGE= "JavaSor1pt1 .2"> 

く ! ニー 

now = new Dae( ) : 

document .write( " 西暦 設定 前 : " , now .getFu11Year( ) , " 年") : 
document .write ("<BR>" ) : 

now.getFu11Year(2001) : 

document .write( " 西暦 設定 後 :" , now .getFu11Year( ) , " 年") : 
メニ = 宮 

</ SCRTPT> 

< く / BODY> 

</ HTML> 


の 胃 崇 械 靖 吾 弄 ・ 主 加 昌 
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ブナ ブ ジ ェ ク ム 名 = new Date() 
ブチ ブ ジェ クト 名 .getM1111seconds ( ) [メソ ッ ド ] 





* ミ リセ コン ド を 表示 する 


1000 分 の 640 秒 





解 lgedMilliseconds()] メ ソ ッ ド は 、1000 分 の 1 秒 の 値 を 0 か ら 999 の 数 値 で 取得 し ます 。 
月 史 ECMAScript と 仕様 を 合わ せる た め に 、 JavaScript1.3 で 追加 され た メソ ッ ド で す が 、 
Nerscape Navigator4.0 や 、Interner Explorer4.x で も 使用 する こと が で きま す 。 


の <HTML> 
2 H 
の 衣 <HEAD> 
中 <TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFF"> 

* ミ リセ コン ド を 表示 する <P> 

<SCRTPT LANGUAGE= "JavaScript"> 

で ーー 

now = new Date( ) : 

document .write("1000 分 の " , now.getMi11iseconds ( ) , " 秒 ") : 
ーー ニシ 

< く / SCRTPT> 

</ BODY> 

</HTML> 








・-wavaams・an 
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チ ナブ ジェ クト 名 = new Date() 
ブ ブ ジ ェクト 名. setM1111seconds ( ) [メソ ッ ド ] 





* ミ リセ コン ド を 設定 する 


ミリ ゼ コ ンド 設定 前 : 1000 分 の 870 秒 
ミリ セコ ンド 設定 前 : 1000 分 の 500 秒 


[setMilliseconds()]」 メ ソ ッ ド は 、1000 分 の 1 秒 の 値 を 0 か ら 999 の 数 値 で 設定 し ます 。 
ECMAScripr と 仕様 を 合わ せる た め に 、JavaScripr1.3 で 追加 され た メソ ッ ド で す が 、 
Netscape Navigator4.0 や 、Internet Explorer4.x で も 使用 する こと が で きま す 。 


<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

< く / HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

* ミ リセ コン ド を 設定 する <P> 

<SCRTPT LANGUAGE= "JavaScCr1p モ 上 "> 

5 三 ニ 

noOw = new Date( ) : 

document .write(" ミリ セコ ンド 設定 前 : ", "1000 分 の " ,now.getMI11i 
seconds ( ) , " 秒 ") : 』 
document .write ("<BR>" ) : 

now.setM1i]11iseconds(500): 

document .write(" ミリ セコ ンド 設定 前 : ", "1000 分 の " , now.getM1111 
seconds ( ) , " 秒 ") : 』 
/ ん ニュ テ 

</ SCRTPT> 

</ BODY> 

</HTML> 
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ブ ブ ジ ェクト 名 = new Date( ) 
ブナ ブ ジ ェクト た 名 .getUTCFu11Year( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getUTCMonth( ) [メソ ッ ド ] 


ブチ ブ ジェ クト 名 .getUTCDate( ) [メソ ッ ド ] 
ナブ ジェ クト 名.getUTCHourgs ( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getUTCMinutes( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名.getUTCSeconds ( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getUTCM111iseconds ( ) [メソ ッ ド ] 
ブチ ブ ジェ クト 名 .getUTCDay( ) [メソ ッ ド ] 


解 





*UTC を 表示 する 


1999 年 8 月 2 日 1 時 12 分 19 秒 930 ミ リ 秒 〈 月 曜日 ) 





JavaScript1.3 で は 、UTC(Coordinated Universal Time : 協定 世界 時 ) を 取得 する 多く 


表記 の メソ ッ ド が 追加 され て いま す 。 


サン プル で は 、「now = new Dare()] で 、 マ シン の シス テム 時 計 か ら 現在 時 刻 の 要素 
を 取り 出し た オプ ジェ クト 「now] を 作成 し 、 そ こ か ら 各 UTC の 時 間 の 要素 を 、 メ ソ ッ 
ド を 使っ て 取得 し て いま す 。 
「getUTCFulIYear0] メ ソ ッ ド は 4 桁 の 西暦 の 数 値 を 、「geeUTCMonth()」 メ ソ ッ ド は 
1 月 を 0 と し た 月 に 対応 し た 0 か ら 11 ま で の 数 値 を 、「getUTCDate(] メ ソ ッ ド は 日 に 
対応 し た 1 か ら 31 ま で の 数 値 を 、[getUTCHours()」 メ ソ ッ ド は 時 間 に 対 応 し た 0 か ら 
23 ま で の 数 値 を 、「getUTCMinutes()」 メ ソ ッ ド は 分 に 対応 し た 0 か ら 59 ま で の 数 値 
を 、「getUTCSeconds()] メ ソ ッ ド は 秒 に 対応 し た 0 か ら 59 ま で の 数 値 を 、「getUTC 
Milliseconds()] メ ソ ッ ド は 1000 分 の 1 秒 に 対応 し た 0 か ら 999 ま で の 数 値 を 、[get 
Day0] メ ソ ッ ド は 日 曜日 を 0、 月 曜日 を 1、 と いう 順番 で 0 か ら 6 ま で の 数 値 を 、 そ れ 
ぞ れ UTC で 取得 し ます 。 
これ ら は 、ECMAScript と 仕様 を 合わ せる た め に 、JavaScript1.3 で 追加 され た メソ ッ 
ド で す が 、Netscape Navigator4.0 や 、Internet Explorer4.x で も 使用 する こと が で き 
ます 。 


446 Date オ ブ ジ ェクト 


<HTML> 

< く HEAD> 

< く TTTLE></TTTLE> 
</HEAD> 

<SCRTPT LANGUAGE= "JavaScr1pt "> 
<!ーーー 

Var y0 三 " 目 "j 

肥 aP 1 三 『 月 93 

var y2 =" 狼 9 

Yar Y3 = " 水 "』 

var y4 = " 木 ": 

var Y5 = " 金 ": 

var y6 = 『" 土 ": 
Function getUTC (y) { 


if (==0) { document .write( y0.fFontco1or ("red") ) } 
いい ーー お documen キ t .write( y1 ) } 
1fF (==2 ) document .write( y2 ) } 
Ff (==3) document .write( 3 ) } 


{ 
{ 
{ 
{ 
{ 
{ 


1f (y==4 ) document.write( y4 ) } 
下 下 (= ニー53) document .write( y5 ) } 
せ f (==6) document .write( y6.Fontco1or ("b1ue" ) ) } 
} 
/ /-ーー> 
</SCRTPT> 
<BODY BGCOLOR= "#FFFFFF "> 
*UTC を 表示 する <P> 


<SCRTPT LANGUAGE= "JavaSCr1pt"> 
で く 1! ーー 
now = new Date( ) : 
document . write (now .getUTCFu11Year( ) , "年 " ) : 
document .write (now .getUTCMonth ( )+1," 月 ",now.getUTC Ni 
Date( ) , "日 ") : ii 
document .write (now .getUTCHours ( ) , "時" , now .getUTCMinu 
teg( ) , "分 ") : 』 ・ 
document .write(now.getUTCSeconds ( ) , " 秒 ",now.getUTC 
M111iseconds( ) , "ミリ 秒 " ) : 4 
document .write("(") : 
getUTC (now .getUTCDay ( ) ) : 
document .write( "曜日 ) " ) 
//-ーー テ 
</ SCRTPT> 
</ BODY> 
</ HTML> 


の い H 琶 居 
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ブチ ブ ジ ェクト 名 = new Date() 
チ ブ ブ ジ ェクト 名 .toUTC8tring( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 . setUTCFu11Year ( ) [メソ ッ ド ] 


ブチ ブ ジェ クト 名 . setUTCMonth( ) [メソ ッ ド ] 
ブチ ブ ジェ クト 名 . setUTCDate( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 . setUTCHours ( ) [メソ ッ ド ] 
ナブ ジェ クト 名 . setUTCM1nutes( ) [メソ ッ ド ] 
チ ブ ジェ クト 名 . setUTC8econds ( ) [メソ ッ ド ] 
オブ ジェ クト 名 . setUTCM1111seconds ( ) [メソ ッ ド ] 








*UTO を 設定 する 


設定 前 jMon, 2 Aug 1999 01.12.46 UTC 
UTC の 年 の 設定 変更 :Thu, 2 Aug 2001 01:12.46 UTO 


設定 前 IMon, 2 Aug 1999 01:1246 UTG 
UTC の 月 の 設定 変更 :Sun, 2 Jan 2000 01:12:46 UTC 
UTC の 日 の 設定 変更 Tue, 10 Aug 1999 01.12:46 UTC 


設定 前 Mon, 2 Aug 1999 01.12.46 UTC | 
設定 前 jMon, 2 Aug 1999 01.12:46 UTC 

UTC の 時 間 の 設定 変更 .Mon, 2 Aug 1999 14:12.46 UTC | 
設定 前 IMon, 2 Aug 1999 01.12.47 UTG | 
UTC の 分 の 設定 変更 Mon, 2 Aug 1999 0406.47 UTC 


設定 前 Mon, 2 Aug 1999 01.12:47 UTC 
UTC の 秒 の 設定 変更 Mon, 2 Aug 1999 01:15.00 UTO 


| 
設定 前 IMon, 2 Aug 1999 01.12.47 UTC | 
UTC の ミリ セコ ンド の 設定 変更 :Mon, 2 Aug 1999 01:12.49 UTC | 


の et 衣 涯 誰 弟 生理 居 ・ 主 加 | 


3 史 の メソ ッ ド が 追加 され て いま す 。 
[setUTCFulIYear()] メ ソ ッ ド は 4 桁 の UTC の 年 の 値 を 設定 し 、「setUTCMonth()」 メ 
ソ ッ ド は 0 を 1 月 と し た 数 値 で UTC の 月 の 値 を 設定 し 、[setUTCDate0」 メ ソ ッ ド は 
UTC の 日 の 値 を 設定 し 、「setUTCHours()」 メ ソ ッ ド は UTC の 時 間 の 値 を 設定 し 、 
[setUTCMinutes()]」 メ ソ ッ ド は UTC の 分 の 値 を 設定 し 、「setUTCSeconds()」 メ ソ ッ 
ド は UTC の 秒 の 値 を 設定 し ます 。 


JavaScript1.3 で は 、UTC(Coordinated Universal Time : 協定 世界 時 ) を 設定 する 多く 
試 
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サン プル で は 、 ペ ー ジ が 読み 込ま れ た 時 の 時 間 の 値 を 、 各 メソ ッ ド を 使っ て 変更 し 
て いま す 。 な お 、「toUTCSring()」 メ ソ ッ ド は 、UTC の 日 付 と 時 間 を 文字 列 へ 変換 
し ます 。 

これ ら は 、ECMAScript と 仕様 を 合わ せる た め に 、 JavScipr1.3 で 追加 され た メソ ッ 王 琴 計 
ド で す が 、Netscape Navigator4.0 や 、Inrernet Explorer4.x で も 使用 する こと が で き 
ます 。 





<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

</ HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

*UTC を 設定 する <P> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

で り ニ ニー 

NewDay = new Date() : 

document .write ( "設定 前 : " , NewDay .toUTC8tring( ) ) : 
document . write ("<BR>" ) : 

NewDay . setUTCFu11Year(2001): 

document .write ( "UTC の 年 の 設定 変更 :" ,NewDay . toUTC8tring() ) : 
が ユニ ーッ 

</SCRTPT> 

く P> 

<SCRTPT LANGUAGE= "JavaScr1p ヒ "> 

く ! ーーー 

NewDay = new Date() : 

document .write( "設定 前 :" , NewDay .toUmCString() ) : 
document .write ("<BR>" ) : 

NewDay . setUTCMonth (12) : 

document .write ( "UTC の 月 の 設定 変更 : " , NewDay .toUTCString( ) ) : 
/ が ニニ ニテ 

</ SCRTPT> 

く P> 

<SCRTPT LANGUAGE= "JavaSCcript "> 

ぐ 沿 ニーー 

NewDay = new Date() : 

document . write( "設定 前 : " ,NewDay .toUTC8tring( ) ) : 
document .write ( "<BR>" ) : 

NewDay . setUTCDate(10): 

document .write ( "UTC の 日 の 設定 変更 : " ,NewDay .toUTCString( ) ) : 
1 パー コミ テ 

く / SCRTPT> 


ぷ 語 間 弟 和 軍民 ・ 主 | 
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<P> 

<SCRTPT LANGUAGE= "JavaScCr1p 上 "> 

に ーー 

NewDay = new Date( ) : 

document .write ( "設定 前 : " , NewDay .toUTCString( ) ) : 
document .write ("<BR>" ) : 

NewDay . setUTCHourg(14) : 

document .write ( "UTC の 時 間 の 設定 変更 : " , NewDay . toUTC8tring( ) ) : 
ん ーー な 

</ SCRTPT> 

< く P> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

補 お ニー 

NewDay = new Date() : 

document .write( "設定 前 : " ,NewDay .toUTCString( ) ) : 
document . write ( "<BR>" ) : 

NewDay . setUTCMinutes (186) : 

document .write ( "UTC の 分 の 設定 変更 : " , NewDay .toUmCString( ) ) : 
リグ 4 ニニ コン 

< く / SCRTPT> 

<P> 

<SCRTPT LANGUAGE= "JavaScript "> 

で キー ニー 

NewDay = new Date() : 

document .write( "設定 前 : " , NewDay .toUTCString( ) ) : 
document .write ("<BR>" ) : 

NewDay .setUTCSeconds(180) : 

document . write ( "UTC の 秒 の 設定 変更 : " , NewDay . toUTCString( ) ) : 
2 が コー ニー 

</ SCRTPT> 

< く P> 

<SCRTPT LANGUAGE= "JavaScript"> 

で ドーーー 

NewDay = new Date() : 

document .write ( "設定 前 : " , NewDay .toUTCString( ) ) 

document .write ("<BR>" ) : 

NewDay . setUTCM11iseconds(2000): 

document . write ( "UTC の ミリ セコ ンド の 設定 変更 : " , NewDay . toUTCString 
() ) 』 
//ー ニ ニー タテ 

</ SCRTPT> 

</ BODY> 

</HTML> 
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ナブ ジェ クム 名 = new Date() 
ブナ ブ ジェ クム 名 = new Date(year, mon と ヵ , day) 
ブ ブ ジ ェクト 名.getmime ( ) [メソ ッ ド ] 





* 日 付 を ガウ ント ダウ ン す る 


西暦 2001 年 まで 後 518 日 





解 サン プル で は まず 、「roday = new Dae()] で 現在 の 時 間 の 要素 を 持っ た 「today] と い 
記 史 う オ プ ジ ェ クト と 、[NextC = new Dae(2001.0.1)] で 西暦 2001 年 1 月 1 日 の 要素 を 持っ 
た 「NextC] と いう オプ ジェ クト を 作っ て いま す 。 そ し て 、 [gerTime()]」 メ ソ ッ ド を 使っ 
て 、 そ れ ぞ れ の オプ ジェ クト の 1970 年 1 月 1 日 0 時 0 分 0 秒 か ら の ミリ 秒 単位 の 経過 時 
間 を 取得 し 、 そ の 差 の 値 を 「/(24*60*60*1000)」 と する こと に よっ て 、 日 数 に 戻し て 
いま す 。 
「new Date(20010,1)] 内 の 日 付 を 変更 する こと に よっ て 、 希 望 の 日 付 ま で の カウ ン 
ト ダ ウン を する こと が で きま す 。 


R7 < く HTML> 
2 粒 <HEap> 
ンク 
<TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR="#FFFFFF"> ーーーー 

* 日 付 カ ウン ト ダ ウン する <E> 日 

<SCRTPT LANGUAGE= "JavaScr1pt"> 付 

ンー 時 
today = new Date( ) : 
NextC = new Date(2001,0,1): 則 
NC = (NextC.getTime ( ) -today .getmime ( ) ) / (24*60*60*1000) 3 
document .write( "西暦 2001 年 まで 後 "+ Math.cei1 (NC) +" 日 ") 利 

//-ーー> 用 

</ SCRTPT> 人 

</ BODY> 

</HTML> 








上 Math.ceil0「Math オ ブ ジェ クト 」 の 「 最 も 近く て 大 きい 整数 を 返す 」:P.466 参 昭 
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ブチ ブ ジェ クト 名 = new Date( ) 
オブ ジェ クト 名 .getHours ( ) [メソ ッ ド ] 








則 圭 間 ご と に 違っ た メッ セー ジ を 表示 する 


Me 4 時 間 ご と に 違っ た メッ セー ジ を 表示 する 


11 時 の メッ セー ジ 








解 サン プル で は 、HTML フ ァイル が ロー ド さ れ た 時 、 関 数 [geth()」 内 の 「h.gerHours0] 
月 別 が 時 間 の 値 を 取得 し て 、 そ の 値 を 「funcion geth(0[..]] 内 の i 文 で 参照 し 、 時 間 に 合 

わせ た メッ セー ジ を 表示 し て いま す 。 
メッ セー ジ 部 分 に 「<IMG SRC='"URL alt=5o WIDTH-"oox" HIGHT= ox">] と 
画像 を 表示 する タグ を 書け ば 、 時 間 に よ っ て 違っ た 画像 を 表示 する こと も で きま す 。 
サン プル の よう に 1 時 間 ご と に 1 つの メッ セー ジ を 設定 し て いる 場合 は 、 本 当 は ぜ 文 
を ネス ト ( 入 れ 子 ) に する 必要 は あり ませ ん 。 
数 時 間 ご と に 処理 を 行う 方 法 は 、「 時 間 に よ っ て 背景 画像 を 変え る (次項 ) を 参考 に 


し て くだ さい 。 
KM <HTML> 
ジン <HEAD> 
Ei 由 <TTTLE></TTTLE> 
El <SCRTPT LANGUAGE="JavaScript"> 
日 <!ーーー 
付 Yar mO = "0 時 の メッ セー ジ ": 
Yar m1 = "1 時 の メッ セー ジ ": 
前 Yar m2 = "2 時 の メッ セー ジ ": 
半 Yar m3 = "3 時 の メッ セー ジ ": 
を Yar m4 = "4 時 の メッ セー ジ ": 
利 Yar m5 = "5 時 の メッ セー ジ ": 
Yar m6 = "6 時 の メッ セー ジ ": 
る Yar m7 = "7 時 の メッ セー ジ ": 
Yar m8 = "8 時 の メッ セー ジ ": 
yar m9 = "9 時 の メッ セー ジ ": 
Yar m10 = "10 時 の メッ セー ジ ": 
Yar m11 = "11 時 の メッ セー ジ ": 
var m12 = "12 時 の メッ セー ジ ": 
Yar m13 = "13 時 の メッ セー ジ ": 
Yar m14 = "14 時 の メッ セー ジ ": 
Yar m15 = "15 時 の メッ セー ジ ": 
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= "16 時 の メッ セー ジ ": 
= "17 時 の メッ セー ジ ": 


"18 時 の メッ セー ジ ": 


= "19 時 の メッ セー ジ ": 
= "20 時 の メッ セー ジ ": 


"21 時 の メッ セー ジ ": 


= "22 時 の メッ セー ジ ": 


"23 時 の メッ セー ジ ": 


F (上 ==0) document .write( m0 ): 


Var m16 

Var m17 

Var m18 = 

Var m19 

Var m20 

Var m21 = 

Var m22 

Var m23 = 

Function geth () { 

ュ 

else { if 
else { 1F 
else { iE 
else { if 
else { if 
el1se { if 
el1se { if 
el1se { iE 
else ( 1E 
else { 1 
else { if 
else { if 
e1se { if 
e]se { FE 
else { 1f 
e1se { 1 
else { ifE 
el1se { iE 
e1se { FE 
else { if 
else { 1E 
else { FE 
el1se { 1E 

} 

/ /-ーー テ > 

</ SCRTPT> 

</HEAD> 


< く BODY BGCOLOR= "#FFFFFF "> 


(上 ==1 ) 
(上 ==2 ) 
(上 ==3 ) 





documen 
documen 
documen 
documen 
documen 
documen 
documen 
documen 
documen 


-write( 
-wFite ( 
-write ( 
-write ( 
-Write ( 
.write( 
-Wr1te ( 
-write ( 
-write ( 


document .write ( 
document .write ( 
document .write ( 
document .write( 
document .write( 
document .write( 
document .write( 
document .write( 
document .write ( 
document .write( 
document .write( 
document . write ( 
document .write( 
document .write( 
}}}}}}}}}}}} }}} } } } } } } } } 


* 時 間 ご と に 違っ た メッ セー ジ を 表示 する <P> 
<SCRTPT LANGUAGE="JavaScript"> 


に サコ コー 


h = new Date( ) : 


geth(h.getHours( ) ) : 


//--- 


> 


</ SCRTPT> 
< く /BODY> 
</HTML> 





m2 ) ぁ 
m3 ): 
m4 ): 
05: ば 
m6 ): 
m7 ): 
m8 ): 
m9 ): 


m10 
m11 
m12 
m13 
m14 
m15 
m16 
m17 
m18 
m19 
m20 
m21 
m22 
m23 
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ブ ブ ジ ェクト 名 = new Date() 
ブ ブ ジ ェクト 名 .getHours ( ) [メソ ッ ド ] 


補間 に よっ て 背景 画像 を 変え る 


0 時 5 時 :BAOKtsgift の 画像 
6 時 "1 1 時 :BAOK2 gifK の 画像 
12 時 “17 時 :BACK3.gW の 画像 
18 時 "2 時 :BACK4.g の 画像 





解 JavaScript に は 、 背 景 の 色 を 指定 する [bgColorl プ ロ パ ティ は あり ます が 、 背 景 画像 
肛 】 を 指定 する コマ ンド が 、 今 の 所 あり ませ ん 。 
サン プル で は 、 そ の 対策 と し て 、</HEAD> と <BODY> の 間 に 、 時 間 に 応 じ た 背 景 
画像 の 指定 を 含む <BODY> タ グ を 書き 出す よう に し て いま す 。 
<BODY> タ グ の 中 に 画像 だ け で な く 、 フ ォ ン ト の 色 な ど を 指定 し て も 評価 され ます 。 
し か し 、 JavaScript 対 応 の プラ ウザ で は 、<BODY> タ グ が 2 つ あ る こと に な る の で 、 


HTML の 文法 的 に は あま り 正 し いと は いえ ませ ん 。 
の <HTML> 
に 2 <HEAD> 
財 <mTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaScrip 上 "> 
こも ド フ ーー 
Funotion geth () { 
1F (上 <=5) document .write ("<BODY BACKGROUND= ' BACK1 . 
に Etc20 


ぶ 還 崇 器 舌 吾 天 ・ 計 提 


ND= 'BACK2 .g1E'>") : 
else { 1F (上 <=17) document .wriEe ( "<BODY BACKGROU デ 
ND= 'BACK3 .g1F'>") : 衝 
e1se { 1F (<=23) document .write ( "<BODY BACKGROU~ 
ND= BACK4 .qifF'>") : | 
}}} 


else {{ 1fF (上 <=11) qdocument .write ( "<BODY 2 


) 
//ーーー> 
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< く / SCRTPT> 
</ HEAD> 
<SCRTPT LANGUAGE= "JavaScC エ 1p 上 "> 
ペリ ーー ご 
h = new Date() : 
geth (h.getHours( ) ) : 
が コー コン 
</ SCRTPT> 
<BODY BGCOLOR="#FFFFFEF"> 
* 時 間 に よ っ て 背景 画像 を 変え る <P> 
0 時 -5 時 :BACK1 .g1F の 画像 <BR> 
6 時 -11 時 :BACK2 .g1F の 画像 <BR> 
12 時 -17 時 :BACK3 .g1F の 画像 <BR> 
18 時 -23 時 :BACK4 .g1F の 画像 
</ BODY> 
< く /HTML> 








上 <BODY>ー「 ペ ー ジ の 基礎 と な る 内 容 」 の [HTML に 最低 限 必 要 な 要素 ]:P. ら 9 参照 
上 <BODY BACKGROUND=URL> っ 「 ペ ー ジ の 基礎 と な る 内 容 」 の 「 育 景 画像 を 指定 する 」:P.31 参照 


の 還 涯 味 半 矯 吾 民 ・ 計 加 | 
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ブ ブ ジ ェクト 名 = new Date() 


ブ ブ ジ ェクト 名 .getYear( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getMonth ( ) [メソ ッ ド ] 
ブナ ブ ジェ クト 名 .getDate( ) [メソ ッ ド ] 





ォ リ アル タイ ム に 年 ・ 月 ・ 日 を 表示 する 
999817 


* リ アル タイ ム に 年 ・ 月 ・ 日 を 表示 する 
999824 





解 サン プル で は 、Date オ プ ジ ェ クト の [getYear0」 メ ソ ッ ド で 年 を 、「geuMonth()」 メ ソ ッ 
月 鹿 ド で 月 を 、「getDate0] メ ソ ッ ド で 日 を 取得 し 、 フ ォ ー ム 内 に 書き 出す 処理 を 0.5 秒 ご 
と に 繰り 返し て いま す 。 
フォ ー ム に 書き 出す 時 、 年 は 西暦 の 下 2 桁 を 取得 する の で その 前 に 「19」 を 付け る 処 
理 を 、 月 は 取得 し た 数 値 に 1 を 加え て 10 以 下 の 時 に は 頭 に 0 を 付け る 処理 を 、 日 は 取 
得 し た 数 値 が 10 以 下 の 時 に は 頭 に 0 を 付け る 処理 を し て いま す 。 
また 、Netscape Navigaror2.0 の メモ リー エラ ー 対 策 と し て 、10 分 後に スク リプ ト を 


停止 する 処理 を し て いま す 。 も し 不要 な 場合 は 、[//10 分 後に タイ マー を 止め る 処理 ] 
の コメ ント が ある 部 分 の 1 行 を 削除 し て くだ さい 。 
上 <HTML> 
の <HEAD> 
ンス 
<TTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JaVaSC エ iD 上 "> 
で 水 ニニ ニ 
var TC = 0: 
Eunction DayWatch() { 
if (TC < 1200) { //10 分 後に タイ マー を 止め る 処理 
TC++ : //10 分 後に タイ マー を 止め る 処理 
Var day = new Date() : 
Yar year = day.getYea エ ( ) : 
Yar month = day.getMonth ( ) +1 : 
Var date = day .getDate( ) : 
if (month < 10) { / / 月 . 日 が 一 桁 の 時 頭 に 0 を 付け る 処理 
month = "0" + month: 


ぷ 還 詩人 堪 張 表 加 ・ 芋 上 
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} 
if (date < 10) { 
date = "0" + qatez: 


+" "Tdate: 


[mgo 

| 
document .Watch1 .watch1 .Value = "19"+year +". | 36 
[sg_ 


setTimeout ( "DayWatch ( ) ", 500): 
} //10 分 後に タイ マー を 止め る 処理 
} 
ニニ ニー テ 
</ SCRTPT> 
< く /HEAD> 


<BODY BGCOLOR="#FFFFFF" onLoad= "DayWatch ( ) "> 
* リア ル タ イ ム に 年 ・ 月 ・ 日 を 表示 する <P> 

<FORM NAME="Watch1" > 

< く TNPUT TYPE="text" NAME="watch1" STZE=10> 

< く /FORM> 

</ BODY> 

</HTML> 








上 l 具 setTimeout0ー「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」 :P.292 参 昭 
上 | 脈 clearTimeout0 一 「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」:P.292 参 昭 
上 | 駒 <NPUT TYPE='text>…「Form オ ブ ジ ェクト 」 の 「 フ ォ ー ム に 文字 を 流す 」 :P.376 参 昭 


ぶ 語 当 中 基 吾 居 ・ 人 旧 
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ブ ブ ジ ェクト 名 = new Date() 

ブ ブ ジ ェクト 名 .getHours ( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .getMinutes ( ) [メソ ッ ド ] 
ブ ブ ジ ェクト 名 .get8econds ( ) [メソ ッ ド ] 


* リ アル タイ ム に 時 *・ 分 * 秒 を 表示 する 
256s9 


ォ リ アル タイ ム に 時 ・ 分 * 秒 を 表示 する 
sgao 





解 サン プル で は 、Date オ プ ジ ェ クト の 「gerHours()]」 メ ソ ッ ド で 時 間 を 、「geuMinutes(] 
記 史 メソ ッ ド で 分 を 、「getSeconds()」 メ ソ ッ ド で 秒 を 取得 し 、 フ ォ ー ム 内 に 書き 出す 処理 
を 0.5 秒 ご と に 繰り 返し て いま す 。 
フォ ー ム に 値 を 書き 出す 時 、 取 得 し た 各 数 値 が 10 以 下 の 場 合 、 頭 に 0 を 付け る 処理 
を し て いま す 。 
また 、Nerscape Navigator2.0 の メモ リー エラ ー 対 策 と し て 、10 分 後に スク リプ ト を 
停止 する 処理 を し て いま す 。 も し 不要 な 場合 は 、[//10 分 後に タイ マー を 止め る 処理 | 


の コメ ント が ある 部 分 の 1 行 を 削除 し て くだ さい 。 
6 <HTML> 
2 議 <HEAp> 
ンク 
較 <mTTTLE></TTTLE> 


<SCRTPT LANGUAGE= "JavaScr1ipt"> 
で] ニー ニー 
回 共 EGO2 三 0 
Function Timewatch() { 
は 下 (mG マミ 200) { //10 分 後に タイ マー を 止め る 処理 
TC++ //10 分 後に タイ マー を 止め る 処理 
Var ime = new Date( ) : 
Var hour = ime.getHour ぉ ( ) : 
Yar min time .getMinutes ( ) : 
Ya Sec time.getSeconds ( ) : 


ぶ * ト 語 央 記 弟 秒 吾 吾 ・ 計 上 l 
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if (hour < 10) { // 時 . 分 . 秒 が 一 桁 の 時 頭 に 0 を 付け る 処理 
hour = "0" + hour: 
} 
if (min < 10) { 
min = "0" + mini 
} 
if (sec < 10) 【 
Sec = "0" + seoz 
} 
document .Watch2 .watch2 .Value = hou エ +':! 十 minm+!:「 二 SGC: 
setTimeou ("Timewatoh () ", 500): 
} //10 分 後に タイ マー を 止め る 処理 


} 

ここ ビ と 

</ SCRTPT> 

< く /HEAD> 

<BODY BGCOLOR="#FFFFFF" onLoad= "TimeWatch ( ) "> 
* リ アル タイ ム に 時 ・ 分 ・ 秒 を 表示 する <P> 

<FORM NAME="Watch2" > 

<TNPUT TYPE="tex" NAME="watoch2" STZE=10> 
< く /FORM> 

</ BODY> 

</HTML> 








上 l 具 setTimeout0 一 「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」 :P.292 参 昭 
上 l 具 clearTimeout(0 一 「window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」 :P.292 参 昭 
内 <NPUT TYPE='text>ー「Form オ ブ ジ ェクト 」 の 「 フ ォ ー ム に 文字 を 流す 」:P.376 参 照 


ぷ ト 語 当 旧 弟 和義 吾 弄 ・ 芋 加 | 
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[プロ バテ ィ ] 


+ 目 然 対 数 の 克 
2.718281828459045 





他 鐘 El プロ パテ ィ は 、 自然 対数 の 底 ( オ イラ ー 定 数 ) を 返し ます 。 
有史 この プロ パテ ィ は 、 読 み 出 し 専用 で す 。 


5 <SCRTPT LANGUAGE="JavaScr1pt"> 
2 0 る = 
過 document .write (Math . エ ) 
//ーーー> 
</8CRTPT> 








[プロ パテ ィ ] 


+e を 辰 と する 2 の 自然 対数 
06931471805598453 





? 議 「LN2」 プ ロ パ テ ィ は 、e を 底 と する 2 の 自然 対数 の 底 を 返し ます 。 
月 記 この プロ パテ ィ は 、 読 み 出し 専用 で す 。 


KM < く SCRTPT LANGUAGE= "JavaScr1p 上 "> 
トン 
レン ポー ニー 
" document .write (Math . LN2 ) 
ーーー テ 
</ SCRTPT> 
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[プロ パテ ィ ] 


*e を 底 と する 10 の 自然 対数 


2.302585092994046 





解 [LN10] プ ロ パテ ィ は 、e を 底 と する 10 の 自然 対数 の 底 を 返し ます 。 
月別 この プロ パテ ィ は 、 読 み 出し 専用 で す 。 


<SCRTPT LANGUAGE= "JavaSoCr1p 上 "> 
ココ 
document .write (Math .LN10 ) 
2/ = ニ ニス 

</ SCRTPT> 


2 
多 


いい 
EN 








[プロ パテ ィ 1] 


*2 を 底 と する 自然 対数 


1.4426950408889633 


…w 





解 「LOG2E] プ ロ パ テ ィ は 、2 を 底 と する 自然 対数 を 返し ます 。 
委 記 この プロ パテ ィ は 、 読 み 出し 専用 で す 。 


RM <SCRTPT LANGUAGE= "JavaSCr1pt "> 
の sg70 三 三 
ソン アル 
帳 document .write (Math . LOG2 下 ) 
//ーーー テ > 
</ SCRTPT> 








Math オブ ジェ クト 461 


Math .LOG10E [プロ パテ ィ 1] 


*10 を 克 と する 自然 対数 





04342944819032518 





解 [LOG10E] プ ロ パ テ ィ は 、10 を 底 と する 自然 対数 を 返し ます 。 
崩 記 この プロ パテ ィ は 、 読 み 出 し 専用 で す 。 


( <SCRTPT LANGUAGE= "JavaScr1pt "> 
タン GS ニーー 
回 document . write (Math . LOG1 0E ) 
びー ピー 
</ SCRTPT> 








* 円 周 率 
3.141592653589793 





解 「PI] プ ロ パ テ ィ は 、 円 周 率 を 返し ます 。 
衣 記 この プロ パテ ィ は 、 読み出し 専用 で す 。 


K <SCRTPT LANGUAGE= "JavaSCr1D キ "> 
ン ン 
前 ーー 
document . write (Math . PT ) 
パー テー ウッ 
</ SCRTPT> 
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Math.SORT1 2 [プロ パテ ィ ] 


*1/2 の 平方 根 


07071067811865476 





解 「SQRT1_2] プ ロ パ テ ィ は 、 ル ー ト 2 分 の 1 の 値 を 返し ます 。 
月 誠 この プロ パテ ィ は 、 読 み 出し 専用 で す 。 


項 <SCRTPT LANGUAGE= "JavaSCr1pt 上 "> 
衝 に SO 
document .write (Math . SORT1 2) 

が 0ー ニ ー ペ 

</SCRTPT> 








[プロ パテ ィ ] 


*2 の 平方 根 


1.4142135623730951 





の 中 炉 党 昌 


解 「SQRT2] プ ロ パ テ ィ は 、 ル ー ト 2 の 値 を 返し ます 。 
月 この プロ パテ ィ は 、 読 み 出し 専用 で す 。 


⑳⑰ <SCRTPT LANGUAGE= "JaVaSCr1p 上 "> 
ニク 
名 イド ーー 
品 document .write (Math . SORT2 ) 
だ 
< く / SCRTPT> 
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*nm を 比較 し て 小さ い 方 の 数 値 を 返す 


1 





4 [min(nm)] メ ソ ッ ド は 、n と m を 比較 し て 小さ い 方 の 数 値 を 返し ます 。 
有史 「max()] メ ソ ッ ド の 逆 の 働き を し ます 。 


<SCRTPT LANGUAGE= "JavaScr1pt "> 


多 く !ー ニ ーー 
ンス 
ソウ documen .write (Math .min(1,5) ) 
/ /---> 
< く / SCRTPT> 








*nm を 比較 し て 大 きい 方 の 数 値 を 返す 
5 





解 「max(nm)] メ ソ ッ ド は 、n と m を 比較 し て 大 きい 方 の 数 値 を 返し ます 。 
表記 「min()] メ ソ ッ ド の 逆 の 働き を し ます 。 


R <SCRTPT LANGUAGE= "JavaSCr1ipt 上 "> 
に 

document . write (Math .max(1,5) ) 
ムー ニー テ 

</ SCRTPT> 
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Math .E1oor ( ヵ ) 


* 最 も 近く て 小さ い 整 数 を 返す 





5 
-6 


「Hoor()] メ リッド は 、n に 最も 近く て 小さ い 整 数 を 返し ます 。 
「ceil)] メ ソ ッ ド (次 項 ) の 逆 の 働き を し ます 。 


< く HTMTL> 

<HEAD> 

<TTTTLE></TTTLE> 

く /HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

* 最 も 近く て 小さ い 整 数 を 返す <P> 

<SCRTPT LANGUAGE= "JavaSCr1p ト "> 

で 1} ニー ニー 

document . write (Math .E1oor( 5 .2) ) 
document .wr1te ("<BR>" ) : 

document .wr1Ee (Math .1oor ( -5 . 2) ) : 
の ご ココ の 

</ SCRTPT> 

< く / BODY> 

< く / HTML> 











の 所 洛 | 
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解 [ceil(n)」 メ ソ ッ ド は 、n に も っ と も 近く て 大 きい 整数 を 返し ます 。 
月 [Hoor()」 メ ソ ッ ド (前 項 ) の 逆 の 働き を し ます 。 


むれ * <HTML> 
2 較 <HEAD> 
(M <TTTLE></TTTLE> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
* 最 も 近く て 大 きい 整数 を 返す <P> 
<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
0ー 
document .write (Math.cei1(5.2) ) : 
document .write( "<BR>" ) : 
document .write(Math .cei1 (-5.2) ) : 
な コー ニー の 
</ SCRTPT> 
</ BODY> 
</ HTML> 








の 中 粧 洛 | 
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0 がら の 絶対 値 を 返す 


5 
5 


[abs(n)] メ ソ ッ ド は 、n の 0 か ら の 絶対 値 (0 か ら の 距離 ) を 返し ます 。 
月 記 サン プル の 通り 、[-5] も 「5] も 「5] と な り ま す 。 


① <SCRTPT LANGUAGE= "JavaSCr1p キ "> 
レク < く ! ーーー 
加 document .write (Math .abg ( -5) ) : 
document .write ( "<BR>" ) : 
document .write(Math.abs (5) ) : 
ん / ニ ニー 
< く / SCRTPT> 








[メソ ッ ド ] 


* 四 捨 五 入 し た 数 値 を 返す 


の 中 舞 党 | 





5 
-6 


解 [round(n)」 メ ソ ッ ド は 、n の 小数 第 一 位 を 四 捨 所 和信 し た 数 値 を 返し ます 。 


<SCRTPT LANGUAGE= "JavaSCr1pt"> 
ぐー ニニ 
回 document .write(Math .round(5.49) ) : 
document .write ( "<BR>" ) : 
document .write (Math .round(-5.64) ) : 
7/ こ = コテ 
< く / SCRTPT> 
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Math .random() [メソ ッ ド ] 


* 忠 数 を 発生 させ て お み < じ を 作る 
あな た の 運勢 は : 





HHLLM 





* 乱 数 を 発生 させ て お み < じ を 作る 
あな た の 運勢 は : 末吉 





* 乱 数 を 発生 させ て お み < じ を 作る 
あな た の 運勢 は : 吉 
* 乱 数 を 発生 させ て お みく < くじ を 作る 


あな た の 運 鈴 は : 大 吉 





「0 か ら 1 ま で の 乱数 を 返し ます 。 

隊 識 サン プル で は 、[Math.random()」 で 発生 し た 乱数 の 値 を 、 関 数 [Unsei()」 内 の 処理 で 
参照 し 、 そ の 値 に よっ て 書き 出す 文字 を 変更 する こと に よっ て 、 ペ ー ジ が ロー ド さ 
れる ご と に ラン ダム に 表示 され る 文字 が 変わ る おみくじ を 作っ て いま す 。 
Netscape Navigator2.x で は UNIX 版 の み 作動 し ます 。3.0 以 降 の すべ て の OS の 
Netscape Navigator 及 び 、Windows 版 の Internet Explorer3.0 以 隆 の プラ ウザ で は 正常 


に 作動 し ます 。 
eS 
演 
算 Ri <HTML> 
し レン <HEAD> 
罰 <TmTTLE></TTTLE> 


<SCRTPT LANGUAGE="JavaScript"> 
る = ニニ 


Var Omikuz10 = "大 吉 ": 
Yar Omikuz1i]1 = "中 吉 ": 
var Omikuz12 = "小吉 ": 
Var Omikuz13 = " 吉 ": 

Yar Omikuzi4 = "末吉 ": 
Yar Omikuz15 = " 凶 ": 

Yar Omikuz16 = "大 較 ": 
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Funoction Unsei (n) { 





1f (n<=0.15) document .write( Omikuz1i0.bo1d() ): 
e1se { if (n<=0.3) document .write( Omikuzi1 .bo1d() ): 
else { ifF (n<=0.45) document .write( Omikuzi2.bo1d() ): INN40_ 
e]se 人 { ifF (n<=0.6) document .write( Omikuz13 .bo1d() ): INN4%_ 
else { if (n<=0.75) document .write( Omikuzi4.bo1q() ): [39_ 
else { 1f (n<=0.9) document .write( Omikuz15.bo1d() ): [E40 
e]se 人 { if (n<=1) document .write( Omikuz16.bo1d() ): [E50_ 
}}}}} } 
} 
の / ニ ニー 
< く / SCRTPT> 
く /HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
* 乱 数 を 発生 させ て お みく じ を 作る <B> 
あな た の 運勢 は : 


<SCRTPT LANGUAGE= "JavaScCr1ipt "> 


く !ー ニ ーー 


Unsei (Math . random( ) ) 


ニー ニー と 
</ SCRTPT> 
</ BODY> 
</ HTML> 
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[メソ ッ ド ] 





解 「pow(n,m)] メソッド は 、n の m 乗 の 数 値 を 返し ます 。 


Bi 
KW <SCRTPT LANGUAGE= "JavaScr1p 上 "> 
を 革 <--- 
記 document . write(Math .pow ( 5 , 2 ) ) 
7 ニー 
</ SCRTPT> 















6 0。 に 





Math . sqr ( ヵ ) [メソ ッ ド ] 


* 平 方 根 を 返す 


の 引 舞 泊 昌 


1.4142135623730951 





解 「sqrtnm)] メ ソ ッ ド は 、n の 平方 根 の 値 を 返し ます 。 
謗 


⑳ <SCRTPT LANGUAGE= "JaVvaSC エ 1Dt "> 
補 , 
ンス 


で ポニ ニー 
document . write (Math . sqrt ( 2 ) ) 
/ / ーー テ > 
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* 対 数 を 返す 


148.4131591025766 





「exp(n)」 メ ソ ッ ド は 、e( オ イラ ー 定 数 ) を n 乗 し た 数 値 を 返し ます 。 


Bi 
KW <SCRTPT LANGUAGE= "JavaScrip "> 
> る ルー ニニ 
中 document .write (Math.exxp(5) ) 
パル ー ニ ニー 
</ SCRTPT> 











Math .1og(n) [メソ ッ ド ] 


+ 自 然 対数 を 返す 


1.6094379124341002 


の 畠 泊 | 





解 [log(m)」 メ ソ ッ ド は 、n の 自然 対数 を 返し ます 。 


SS 
区 


<SCRTPT LANGUAGE= "JavaSC て iD 上 "> 
3l 

document .wrie (Math . 1og (5) ) 
// ビ ーー テ 

< く / SCRTPT> 
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Math . sin ( ヵ ) [メソ ッ ド ] 


* サ イン を 返す 





0479425538604203 





[sin(n)] メ ソ ッ ド は 、n の サイ ン ( 正 弦 ) の 値 を 返し ます 。 
単位 は ラジ アン で す 。 


<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 
Le 

document .write(Math.s3n(0.5) ) 
ん ピピン 

< く / SCRTPT> 












Wath . Cos (n) [メソ ッ ド ] 





* コ サイ ン を 返す 


08775825618903728 





[cos(n)」 メ ソ ッ ド は 、n の コサイン (余弦 ) の 値 を 返し ます 。 
単位 は ラジ アン で す 。 


<SCRTPT LANGUAGE= "JavaSC エ 1Dp キ "> 
ーー 

document .write(Math .cos (0 .5) ) 
/。 バ ーー 

< く / SCRTPT> 
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Math .tan ( ヵ ) [メソ ッ ド ] 


* タ ンジ ェ ン ト を 返す 


05463024898437905 





解 [tan(n)」 メ ソ ッ ド は 、n の タン ジェ ント ( 正 接 ) の 値 を 返し ます 。 
表記 単位 は ラジ アン で す 。 


の <SCRTPT LANGUAGE= "JavaScript"> 
多 詞 0 ここ 
3 


documen .write (Math .tan (0 .5) ) 
ハニ ニニ ッ 
</ SCRTPT> 








Math . atan2 ( 到 ,) [メソ ッ ド ] 


*xy 座 標 か ら 角度 を 返す 
仙 度 


…w 旧 





解 [atan2(x] メ ソ ッ ド は 、 xy 座標 か ら 角 度 を 求め ます 。 
月 単位 は ラジ アン で す 。 
サン プル で は 、 ラ ジア ン か ら 度 を 求め て いま す 。 
ドキ ュ メ ント 化 は javaScript1.1 か ら で す が 、JavaScripr1.0 で も 使用 で きま す 。 


や <SCRTPT LANGUAGE= "JavaSc エ ip "> 
2 デー 
"document .write (Math .atan2(5,5) * 180 / Math.PT," 度 ") 
ん / ニ ニー テ 
</ SCRTPT> 
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ォ * ア ー ク サイ ン を 返す 


05235987755982989 





[asin(n)」 メ ソ ッ ド は 、n の アー クサ イン ( 逆 正 弦 ) の 値 を 返し ます 。 
n は -1 か ら 1 ま で の 数 値 が 入り 、 そ れ 以 外 の 場合 に は 0 を 返し ます 。 
単位 は ラジ アン で す 。 


<SCRTPT LANGUAGE= "JavaScr1pt"> 
く !ーーー 
document .write (Math .agin(0.5) ) 
ここ 

</ SCRTPT> 








* ォ アーク コサイン を 返す 


1.0471975511965976 





「acos(n)」 メ ソ ッ ド は 、n の アー クコ サイ ン ( 逆 余弦 ) の 値 を 返し ます 。 
n は -1 か ら 1 ま で の 数 値 が 入り 、 そ れ 以 外 の 場合 に は 0 を 返し ます 。 
単位 は ラジ アン で す 。 


<SCRTPT LANGUAGE= "JavaSCr1p 上 "> 
く ! ーーー 

document .wrie (Math . acos ( 0 .5) ) 
ん 7: ここ 

</ SCRTPT> 
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Math . atan ( ヵ ) [メソ ッ ド ] 


* ア ー ク タン ジェ ント を 返す 











04636476090008061 





[atan(n)」 メ ソ ッ ド は 、n の アー クタ ンジ ェ ン ト ( 逆 正 接 ) の 値 を 返し ます 。 
単位 は ラジ アン で す 。 


<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

く /HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

* ア ー ク タン ジェ ント を 返す <P> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
に ルー 
document .write (Math . atan ( 0 . 5 ) ) 
// ニ ニニ テ 

</ SCRTPT> 

< く / BODY> 

</HTML> 








の 糖 党 | 
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* 文 字 を 大 きく する 
文字 を 大 きく する 





鐘 「big0」 メ ソ ッ ド は 、 文字 列 を 通常 より 大 き な 文字 で 表示 し ます 。 
良 対 <BIG> タ グ (P.64 参 照 ) と 同じ 働き を し ます 。 


4 <SCRTPT LANGUAGE= "JaVaSCr1pt 上 "> 
3E 皇 
ンス 
document .write ("文字 を 大 きく する " .bg( ) ) 
/ の 0 ュー 
</SCRTPT> 








文字 列 .sma11 ( ) [メソ ッ ド ] 





に の * 文 字 を 小さ くす る 
1 
区 文字 を 小さ くす る 
宇 
列 
を 
閥 同国 mdOj メ ソ ッ ド は 、 文字 列 を 通常 より 小さ な 文字 で 表示 し ます 。 
る 良 別 <SMALL> タ グ (P.64 参 照 ) と 同じ 働き を し ます 。 
KU <SCRTPT LANGUAGE= "JavaSCr1p モ "> 
ン 
の ーー 
の document . write ("文字 を 小さ くす る " 。 gma11 ( ) ) 
//ーーー> 
</ SCRTPT> 
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文字 列 .Eontco1or( " 到 指 定 " ) [メソ ッ ド ] 


* 又 字 色 を 指定 する 
文字 色 を 指定 する 


文字 色 を 指定 する 





[fontcolorl メ ソ ッ ド は 、 文 字 列 の 色 を 指定 し ます 。 
月 記 <FONT COLOR:=" 色 指定 "> タグ (P.67 参 照 ) と 同じ 働き を し ます 。 
色 指 定 は 、 色 の 名 前 か 16 進 数 で 設定 し ます 。 


R <HTML> 

< く HEAD> 

<TTTTLE></ TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 文 字 色 を 指定 する <P> 

<SCRTPT LANGUAGE= "JavaSCr1pt "> 

< く ! ーーー 

document .write ("文字 色 を 指定 する " . Eontco1or ("green" ) ) : 
document .wriEe ("<BR>" ) : 

document .write(" 文字 色 を 指定 する " .Eontco1or("FF0000") ) : 
ル こ ーー タッ 

</ SCRTPT> 

</ BODY> 

</ HTML> 








旧 守 ONT COLOR=' 色 指定 >ー「 ス タイ ル と レイ アウ ト 」 の 「 文 字 色 を 指定 する 」:P.67 参 照 
上 人 未 付 録 [カラ ー チ ャ ー ト 1-3] 巻末 参照 


strin ほ オブ ジェ クト 





Em 

RE 
文 
記 
列 
を 
す 
る 
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* ォ フォント の サイ ズ を 指定 する 
フォ ント サイ ズ を 指定 する 





[fontsize(0] メ ソ ッ ド は 、 文 字 列 の フォ ント サイ ズ を 指定 し ます 。 
<FONT SIZE=n> タ グ (P.62 参 照 ) と 同じ 働き を し ます 。 


<SCRTPT LANGUAGE= "JavaScCr1p 上 "> 

く !ーーー 

document .write ("フォ ント サイ ズ を 指定 する " .Eontsize(5) ) 
ーー ニニ テ 

</ SCRTPT> 











文字 列 .b11nk() [メソ ッ ド ] 





* 文 字 を 点 減 する 
に + 文 字 を 点滅 する 
放 文字 を 点滅 する 
を 
# 
し 解 「blink0] メ ソ ッ ド は 、 文 字 列 を 点滅 させ ます 。 


Bi 


<BLINK> タ グ と 同じ 働き を し ます 。 
Internet Explorer は 、<BLINK> タ グ に 未 対応 な た め 何 も 反応 し ませ ん 。 


<SCRTPT LANGUAGE= "JavaScCr1pt 上 "> 

で! ニーー 

document .write( "文字 を 点 減 す る " .b13nk( ) ) 
ん ン 

< く / SCRTPT> 
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文字 多 bo1d ( ) [メソ ッ ド 1] 


* 文 字 を 太字 (ボー ルド ) に する 


太字 に する 





解 「bold0] メ ソ ッ ド は 、 文 字 列 を 太 文 字 (ボー ルド ) に し ます 。 
負 記 <B> タ グ (P.60 参 照 ) と 同じ 働き を し ます 。 


の <HTML> 
<HEAD> < 呈 TTLE></TTTLE></HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 

* 文 字 を 太字 (ボー ルド ) に する <P> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
< ニー ニー 

document .write ("太字 に する " 。bo1d( ) ) 
ん / ニ ニー ニッ 

</ SCRTPT> 

</ BODY> 

</ HTML> 


上 <B>ー「 ス タイ ル と レイ アウ ト 」 の [フォ ント スタ イル を 指定 する 」 :PB0 参 照 








文字 列 に 複数 の 効果 を あたえ た い 時 は 


文字 列 を 修飾 する 時 、 複 数 の 効果 を 同時 に 出し た い 場 合 は 、 文 字 列 の 後に その 効果 を 
あたえ る メソ ッ ド を 並べ て 記述 し ます 。 

例え ば 文字 列 を 、 太 文字 に し て 色 を 付け 、 斜 体 文 字 に する 場合 、、 ス クリ プ ト タ グ 内 
で 次 の よう に 記述 し ます 。 


選 圭 藩 品 当 導 当 | 


document .write(" 文字 列 " .bo1d ( ) . Eontco1or ("green" ) .1ta1ios ( ) ) 
ちな み に 、 こ の スク リプ ト は 、HTML で 次 の よう に 記述 する の と 同じ で す 。 


<B><FONT COLOR= "green ">< エ > 文字 列 </ エ ></FONT></B> 
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_NNe0| 

_NN80| | 

_NN40| 医 

| 文字 多 . striike( ) [メソ ッ ド ] 
_lE50| 

* 削 除 文 字 に する 

削除 交 字 に する 


「srike0」 メ ソ ッ ド は 、 文字 列 を 削除 文字 に し ます 。 
月 】 <STRIKE> タ グ (P.60 参 照 ) と 同じ 働き を し ます 。 


FR <HEAD> 


タン <TTTTIE></TTTLE> 
由 </HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* 削 除 文字 に する <P> 


<SCRTPT LANGUAGE= "JavaScr1p ト "> 

SS 山 ニ ニー 

document .write( "削除 文字 に する " . strike ( ) ) 
//ーーー テ > 

</ SCRTPT> 

</ BODY> 

< く / HTML> 








上 l 了 <STRIKE>ー「 ス タイ ル と レイ アウ ト 」 の 「 フ ォ ン トス タイ ル を 指定 する 」:P.60 参 照 


ぶ 選 圭 藩 加 当 音 活 | 
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TAON の | 


[メソ ッ ド ] 


* 上 付き 文字 に する 
上 付き 文字 に する 





[sup0」 メ ソ ッ ド は 、 文 字 列 を 上 付 文字 に し ます 。 
2 <SUP> タ グ (P.60 参 照 ) と 同じ 働き を し ます 。 


6 <SCRTPT LANGUAGE= "JavaSCr1p モ "> 
ン ン 
レン で ! ニ ーー 
過 document .write ("上 付き 文字 に する " . sup( ) ) 
ココ ニー の 
</ SCRTPT> 












文字 .sub( ) [メソ ッ ド ] 


* 下 付き 文字 に する 


下 付き 文字 に する 





5 [sub0] メ ソ ッ ド は 、 文 字 列 を 下 付 文 字 に し ます 。 
<SUB> タ グ (P.60 参 照 ) と 同じ 働き を し ます 。 


某 潜 評 当 判 計 | 


中 <SCRTPT LANGUAGE= "JavaScr1p 上 "> 
ッ eb ニニ 
document .write ( " 下 付き 文字 に する " . sub( ) ) 
(ーー ニッ 
</ SCRTPT> 
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文字 副 .1ta1ics( ) [メソ ッ ド ] 





* 狩 体 文 字 ( イ タリ ッ グ に する 


泰 伏 文字 に る 





解 litalics()] メ ソ ッ ド は 、 文 字 列 を 斜体 文字 に し ます 。 
記 記 <l> タ グ (P.60 参 照 ) と 同じ 働き を し ます 。 


の ひ <HTML> 
2 議 <HEAD> 
四 <TTTLE></TTTLE> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
* 衝 体 文字 ( イタリック ) に する <P> 
<SCRTPT LANGUAGE= "JavaScript "> 
に は コー 
document .write( "斜体 文字 に する " . ita1icg( ) ) 
//ーーー> 
</SCRTPT> 
</ BODY> 
</ HTML> 











上 内 や ー「 ス タイ ル と レイ アウ ト 」 の [フォン トス タイ ル を 指定 する 」:P.0 参 照 


| 日 本 画 (2 バ イト 文字 ) の 取り 扱い に つい て 


Netscape Navigator で は 、JavaScript 1.2 ま で は 文字 を 常に ] バ イト 文字 と し て 認 
識 し て いる の で 、 日 本 語 の ひら が な や 漢字 な どの ら バ イト 文字 は ] 文字 を 2 字 と 認識 し て 
いま し た 。 それに 対し て Internet Explorer( 日 本 語 版 ) は 、1 バ イト 文字 も 2 バイ ト 文 字 
も 1 文字 は 1 字 と し て 認識 し ます 。 

この た め 、 日 本 語 に 対し て 「index0f0」 メ ソ ッ ド や 「substring()」 メ ソ ッ ド な ど 、 文 字 
を 検索 し た り 抜き 出す スク リプ ト を 使用 し た り 、「length] プ ロ パ ティ で 文字 の 数 を 調べ 
た りす る と 、Netscape Navigator と Internet Explorer( 日 本 語 版 ) で は 異な っ た 結果 
に な り ま し た 。 

JavaScript 1 .3 か ら は 、 文字 コー ド が UNICODE に な っ た の で 、 Netscape Navigator 
で も 日 本 語 も 1 文字 を 1 字 と し て カウ ント する よう に な り ま し た 。 


の 寺 藩 記 当 判 注 | 
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* 等 幅 文字 に する 


等 幅 文字 に する 





「fxed0] メ ソ ッ ド は 、 文 字 列 を 等 幅 フ ォ ン ト で 表示 し ます 。 
<TT> タ グ (P.60 参 照 ) と 同じ 働き を し ます 。 


<SCRTPT LANGUAGE= "JavaScCr1p 上 "> 
<!ーーー 

document .write( "等 幅 文 字 に する " 。Eixed( ) ) 
4 が コー コロ 

< く / SCRTPT> 











耕 
2 


KM 
の 
ン 
ンス 


文字 列 .11nk ("ORr") [メソ ッ ド ] 


ォ リン ク を 作る 





ぶ 圭 藩 旧 当 穫 注 則 


[iink0]」 メ ソ ッ ド は 、 リ ンク を 設定 し ます 。 
<A HREF ="URL"> タ グ (P.76 参 照 ) と 同じ 働き を し ます 。 


<SCRTPT LANGUAGE= "avaSCr1Dp モ "> 

ch スー 

document .write(" リン ク を 作成 する " .1injk ("http : / /www .netscape 明 
com/『 ) ) 

2/ー ニ ニシ 

</ SCRTPT> 
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[メソ ッ ド ] 


ォ * ア ンカ ー を 設定 する 
アン カー の 設定 


「anchor0]」 メ ソ ッ ド は 、 ア ンカ ー の 設定 を し ます 。 
<A NAME=" 文 字 列 "> タグ (P.78 参 照 ) と 同じ 働き を し ます 。 


<SCRTPT LANGUAGE= "JavaSCrip キ 上 "> 

<!ーーー 

document .write ("アン カー の 設定 " .anchor ("test1" ) ) 
ーー ニー ニテ 

< く / SCRTPT> 








ea 
ad 
文 
宰 
列 
作 | 
る 説 
⑳⑩ 
2 





[メソ ッ ド ] 


* 大 文字 を 小文字 に 変換 する 


oomoziwokomozinisuru 


ItoLowerCase0] メ ソ ッ ド は 、 大 文字 の 文字 列 を 小文字 に 変換 し ます 。 


<SCRTPT LANGUAGE= "JaVaSCr1ipt"> 

く ! ニー ニー 

document .write ( "OOMOZTWOKOMOZTNTSURU" .toLowerCagse( ) ) 
gt 

</ SCRTPT> 
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* 小 文字 を 大 文字 に 変換 する 
KOMOZIWOOOMOZINISURU 





「toUpperCase0] メ ソ ッ ド は 、 小 文字 の 文字 列 を 大 文字 に 変換 し ます 。 
B 


R <HTML> 

<HEAD> 

<TTTLE></TTTLE> 

< く / HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 小 文字 を 大 文字 に 変換 する <P> 

<SCRTPT LANGUAGE= "JavaScr1pt "> 
マニ ニー 

document .write( "komoziwooomoz1nisuru" 。oUpperCase ( ) ) 
ーー ニーム 

</ SCRTPT> 

く / BODY> 

</ HTML> 








ぶ 寺 蘭 豆 当 判 | 
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の 選 圭 藩 加 当 民活 | 
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文字 列 .sp1it(" 分 剖 す る 文字 ") [メソ ッ ド ] 


* 文 字 列 を 分 割 する 
Welcome / To / M / Home / Page / 
IM 


角 


7 


j 









「splic0] メ ソ ッ ド は 、 文 字 列 を 指定 し た 文字 の 部 分 で 分 割 し ます 。 


捕 鹿 サン プル で は 、「Welcome To My Home Pagel の 各 ス ペー ス ご と に 文字 列 を 分 割 し 、 


の 
レプ 
の 


[/| を 挿し て いま す 。 

また 、 分 割 され た 文字 列 は [0] か ら 始ま る 配列 に な り ま す 。 し た が っ て 、[「SPmozi[2]」 
は 、「My] を 返し ます 。 

JavaScript1.1 で 追加 され た メソ ッ ド で す 。 


<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 文字 列 を 分 割 す る <P> 

<SCRTPT LANGUAGE= "JavaSor1pt1 .1"> 

さっ =ー 

Yar moz1i="Welcome To My Home Page": 

Ya SDace=" 『"』 

Yar SPmoz1 = moz1i。8gp13it (space ) : 
For (Var =0: 1 < SPmozi.1ength: 1++) { 

document .write (SPmozi[1] + " / "): 

} 

document .write ("<BR>" ) : 

document .write (SBPBmoz1 [2] ) : 

こと 

</ SCRTPT> 

く / BODY> 

</ HTML> 
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文字 烈 .charAt ( ヵ ) [メソ ッ ド ] 


*n 番 目 の 文字 を 抜き 出す 


T 
ム 


「charAr(n)]」 メ ソ ッ ド は 、0 ス ター ト の 先頭 の 文字 か ら 数 えて n 番 目 の 文字 を 抜き 出し 
ます 。 

サン プル で は 、[Welcome To My Home Pagel の 9 番目 の 文字 [|] が 抜き 出さ れ ま す 。 
Netscape Navigator の 場合 、JavaScripr1.2 ま で は 、 日 本 語 の よう な 2 バイ ト 文 字 は 1 文 
字 を 2 字 と し て 見 て いた た め 、 日 本 語 の 文字 列 を 正確 に 抜き 出す こと が で きま せん 
で し た 。 し か し 、JavaScripr1.3 か ら は 、 文 字 ゴー ド が UNICODE に な っ た の で 、 日 
本 語 も 正確 に 抜き 出さ れ ま す 。 

な お 、Internet Explorer は 、 日 本 語 も 半角 英 数 字 も 1 文字 と し て カウ ント し ます 。 


<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

トリ ーー 

Yar mozi] = "Welcome To My Home Page" 

Yar moz12 = "よう こ ぞ 私 の ホー ムペ ー ジ へ " 
document .write (moz11 .charA (8 ) ) 
documen . write ( "<BR>" ) 
documen .wr1te (moz12 .CharA (8 ) ) 

パパ ーーー ニッ 

</ SCRTPT> 











の 圭 藩 加 当 民活 昌 


文字 列 以外 も 検索 ・ 文 字 修飾 する 方 法 


string オ ブ ジ ェクト の メソ ッ ド は 、" で 括 ら れ た 文字 列 以外 で も 、 オ ブ ジ ェクト も 検 
索 し た り 、 文 字 修飾 の 効果 を あたえ る こと が で きま す 。 

例え ば <SCRIPT> タ グ 内 で 、「navigator.appVersion.charAt(0)」 と 記述 し た 場合 
は 、 使 用 し て いる ブラ ウザ の バー ジョ ン の 1 番 始め の 数 字 を 返し 、「document.write 
(document.lastModified.italics())] と 記述 し た 場合 は 、 フ ァイル の 最終 更新 日 時 が 斜 
体 文 字 で 書き 出さ れ ま す 。 

これ は 、 各 オブ ジェ クト が string の 属性 を 持っ て いる た めで す 。 
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* 文 字 列 の 達 中 の 文字 を 抜き 出す 


TeoM 
ムペ ー ジ 





「substring()] メ ソ ッ ド は 、 先 頭 か ら 数 えて 、n 番 目 の 文字 か ら m 番 目 の 文字 の 直前 ま 
で の 文字 列 を 抜き 出し ます 。 

Netscape Navigator の 場合 は 、JavaScripr1.2 ま で は 、 日 本 語 の よう な 2 バイ ト 文 字 は 
1 文字 を 2 字 と し て カウ ント し て いま し た が 、JavaScript1.3 か ら は 文字 コー ド が 
UNICODE に な っ た の で 、 日 本 語 も 1 文字 を 1 字 と し て カウ ント する よう に な っ て い 
ます 。Internet Explorer で は 、 日 本 語 も 半角 英 数 字 も 1 文字 と し て カ ウン ト し ます 。 


⑳⑰ <HTML> 
衣 2 光 <HEAD> 
四 <TmTTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFFE"> 

* 文 字 列 の 途中 の 文字 を 抜き 出す <P> 

<SCRTPT LANGUAGE= "JavaScC エ 1p キ "> 

層 hー ニ ニ 

Yar moz11 = "Welcome To My Home Page": 

Yar moz12 = "よう こそ 私 の ホー ムペ ー ジ へ ": 
document .write (moz11 、subgtring(8,12) ) : 
document . write ( "<BR>" ) : 
document .write (moz12 。substring(8,12) ) : 

6/ に つの 

</ SCRTPT> 

</ BODY> 

</HTML> 








string オブ ジェ クト 


文字 列 . substr(n,) [メソ ッ ド ] 


*n 番 か ら m 人 固 の 文字 を 抜き 出す 


ToM 
ムペ ー ジ 





[subsrr0」 メ ソ ッ ド は 、0 ス ター ト の 先頭 か ら 数 えて 、n 番 目 の 文 字 か ら m 個 の 文字 を 
抜き 出し ます 。 n 番 目 か ら m 番 目 の 文字 を 抜き 出す 、 javaScript1.0 の [subsrring0」([ 文 
字 列 の 途中 の 文字 を 抜き 出す ] : 左 ペー ジ ) と の 違い に 注意 し て くだ さい 。 
Netscape Navigator の 場合 は 、 javaScript1.2 ま で は 、 日 本 語 の よう な 2 バイ ト 文 字 は 
1 文字 を 2 字 と し て カウ ント し て いま し た が 、JavaScript1.3 か ら は 文字 コー ド が 
UNICODE に な っ た の で 、 日 本 語 も 1 文字 を 1 字 と し て カウ ント する よう に な っ て い 
ます 。TInternet Explorer で は 、 日 本 語 も 半角 英 数 字 も 1 文字 し て カウ ント し ます 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


<HTML> 

<HEAD> 

<TTTTLE></TTTTLE> 

< く / HEAD> 

<BODY BGCOLOR="#FFFFFEF"> 
*n 番 か ら m 個 の 文字 を 抜き 出す <P> 


<SCRTPT LANGUAGE= "Java8cript1 .2"> 

く !ーーー 

Yar moz11 = "Welcome To My Home Page" 

Yar moz12 = "よう ご こ ぞ 私 の ホー ムペ ー ジ へ " 
document .Write (mozi1 . substr(8,4) ) : 
document . write ("<BR>" ) : 
document . write (moz12 . subst ェ (8,4) ) : 

7 の や この 

</ SCRTPT> 

</ BODY> 

</HTML> 
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解 


Bi 


⑪ 
に ノ 
レク 





lindexOfO] メ ソ ッ ド は 、 文 字 列 を 先頭 か ら 検索 し ます 。 

"検索 対象 文字 "」 で 指定 し た 文字 の 位置 を 、0 ス ター ト の 先頭 か ら 数 えた 数 字 で 返し 、 
も し 指定 し た 文字 が 含ま れ て いな い 場 合 は 、「-1] を 返し ます 。 

Netscape Navigator の 場合 は 、 JavaScripr1.2 ま で は 、 日 本 語 の よう な 2 パイ ト 文 字 は 
1 文字 を 2 字 と し て カウ ント し て いま し た 。 JavaScripr1.3 か ら は 、 文 字 コ ー ド が 
UNICODE に な っ た の で 、 日 本 語 も 1 文字 を 1 字 と し て カウ ント する よう に な っ て い 
ます 。Interner Explorer で は 、 日 本 語 も 半角 英 数 字 も 1 文字 だ し て カウ ント し ます 。 
また 、「[ 検 索 開始 位置 ]] は 省略 可能 で 、 そ の 場合 は 先頭 か ら 検索 し ます 。 


<HTML> 

<HEAD> 

<TTTTLE></ 呈 TTLE> 

< く / HEAD> 

<BODY BGCOLOR= "#FFFFFEF"> 

* 先 頭 か ら 文 字 列 を 検索 する <P> 

<SCRTPT LANGUAGE= "JavaScript 上 "> 

に ドー ニー スー 

Yar mozi1 = "We1come To My Home Page": 

Var moz12 = "よう ご こ ぞ 私 の ホー ムペ ー ジ へ ": 
document .Wr1te(mozi1 .indexOf ( "m" ) ) : 
document . write ( "<BR>" ) : 
documen . Write (moz12 .indexOE ("私 ",0) ) : 
documen .wr1e ( "<BR>" ) : 
document .write (moz11 .indexxOE ("A",0) ) : 

//ーー テ 

</ SCRTPT> 

</ BODY> 

く /HTML> 
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胡 






文字 烈 .1astrndexOE ("検索 対 文 字 " , / 燈 乏 遍 始 議 置 7) [メソ ッ ド ] 


* 後 ろか ら 文 字 列 を 検索 する 
16 





4 
-1 





[lastrIndexOf0] メ ソ ッ ド は 、 文 字 列 を 後ろ か ら 検 索 し ます 。 

[検索 対象 文字 ] で 指定 し た 文字 の 位置 を 、0 ス ター ト の 先頭 か ら 数 えた 数 字 で 返し 、 
も し 指定 し た 文字 が 含ま れ て いな い 場 合 は 、「-1] を 返し ます 。 

Netscape Navigator の 場合 は 、JavaScripr1.2 ま で は 、 日 本 語 の よう な 2 バイ ト 文 字 は 
1 文字 を 2 字 と し て カウ ント し て いま し た 。 JavaScript1.3 か ら は 、 文 字 コ ー ド が 
UNICODE に な っ た の で 、 日 本 語 も 1 文字 を 1 字 と し て カウ ント する よう に な っ て い 
ます 。Internet Explorer で は 、 日 本 語 も 半角 英 数 字 も 1 文字 と し て カウ ント し ます 。 
また 、「[ 検 索 開始 位置 ]] は 省略 可能 で 、 そ の 場合 は 1 番 後 ろか ら 検索 し ます 。 


<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

< く / HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 後 ろか ら 文 字 列 を 検索 する <P> 

<SCRTPT LANGUAGE= "JavaScr1pt"> 

く ! ーーー 

var moz11 = "Welcome To My Home TPage": 

Yar mozi2 = "よう こ ぞ 私 の ホー ムペ ー ジ へ ": 
documen .wr1ite(moz11 .1ag も FndexrxOE ("mr") ) : 
document . write ("<BR>" ) : 
document .write (moz12 .1agTndexOE( "私",12 ) ) : 
document . write ("<BR>" ) : 
documen . write (moz11 .1asTndexOE ("AT") ) : 

ニニ ニテ 

</ SCRTPT> 

</BODY> 

</ HTML> 


に = っ 
ーー 
Pr 
記 
列 
を 
操 
作 
9 
る 
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* 指 定 し た 文字 の ISO-Latin-1 の コー ド 番 号 を 返す 


66 





解 「charCodeAr0] メ ソ ッ ド は 、 ス ター ト の 先頭 か ら 数 えて 、n 番 目 の 文字 を ISO-Latin-1 
有史 の 文字 コー ド に 変換 し ます 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


<HTML> 

< く HEAD> 

<TTTTLE></TTTLE> 

< く / HEAD> 

<BODY BGCOLOR= "#FFFFFEF "> 

* 指 定 し た 文字 の TSO-Latin-1 の コー ド 番 号 を 返す <P> 
<SCRTPT LANGUAGE= "JavaSoript1 .2"> 

に っ 

document .write ("ABC" .charCodeAt (1 ) ) 
47 な ニー 

</ SCRTPT> 

</ BODY> 

< く / HTML> 


下 
の 
ィ と 
46 








string オ ブ ジ ェクト 


String.FromCharCode ( 要素 1, 要素 2, . . . , 要素 ヵ ) [メソ ッ ド ] 


*ISO-Latin-1 の コー ド 番 号 を 文字 に 変換 する 
ABC 





解 [fromCharCode()]」 メ ソ ッ ド は 、1ISO-Larin-1 の コー ド を 文字 に 変換 し ます 。 サ ンプ 
衣 ル の よう に 複数 の コー ド を 「,] で 区 切っ て 、1 度 に 指定 で きま す 。 
7 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</ HEAD> 

<BODY BGCOLOR="#FFFFFF"> 
*TSO-Latin-1 の コー ド 番 号 を 文字 に 変換 する <P> 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
ニー 

document .write(String.EromCharCode (65, 66, 67) ) 
// ニ ーッ 

</ SCRTPT> 

</BODY> 

</HTML> 








: 5 ISO-Latin-1 コ ー ド と ASCII コ ー ド 


ISO-Latin- 1 コー ド は 「0」 か ら 「255]」 ま で あり 、 そ の うち 「0」 か ら 「127」 は ASCII の 
コー ド セ ッ ト と 共通 し て いま す 。 

し た が っ て 「KeyDown]」 や 「KeyPress」、「KeyUp]」 な どの イベ ント が 発生 し た 時 に 、 
イベ ント が 発生 し た キー の ASCII の 値 を 取得 で きる event オ ブ ジ ェクト の プロ パテ ィ 
「which」 を 使用 する 場合 、「String.fromCharCode(KeyDown.which)」 と いっ た 感じ で 
[fromCharCode()」 と 併せ て 使用 する と 、ASCII コ ー ド を 英 数 字 に 変換 する こと が で き 
ます 。 

ASCII コ ー ド は 、 コ ンピュータ 用 の 英 数 字 コ ー ド 体系 と し て 広く 普及 し て いる コー ド 
体系 で 、7bit、128 文 字 が 割り 当て られ て いま す 。 


の いり 某 藩 具 当 判 活 | 
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鶴 日 を 表示 する - Array オ ブ ジ ェクト を 使う - 
( 火 ) 









鶴 日 を 表示 する - Aray オ ブ ジェ クト を 使う - 
(日 ) 






サン プル で は 、「Dare オ プ ジ ェ クト ](P.432 一 ) で 説明 し た 、 曜 日 を 表示 する スク リ 
請 刻 プ ト 「 曜 日 を 表示 する 」(P.434) を 、Array オ プ ジ ェ クト を 使っ て 書き 直し た も の で す 。 

lyoubi= new Array(7)」 で 日 曜 か 土曜 まで の 7 つの 配列 要素 を 持っ た 「youbi] と いう 
オプ ジェ クト を 作成 し て 、「getDay()」 で 取得 し た 値 と 照合 し 、 値 が [0」 の 時 は 
「youbi[0]] で ある 「 日 を 、 値 が 「1] の 時 は [youbi[l]] で ある 「 月 | を .…… と いっ た 具合 に 
配列 の 要素 か ら 文 字 列 を 取り 出し て いま す 。 
array オ プ ジ ェ クト は JavaScript1.1 で 追加 され た オプ ジェ クト で す が 、 こ の サン プル 
は 、Netscape Navigaror2.x で も 使用 で きま す 。 
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7 <HTML> 

< く HEAD> 

<TTTTLE></ FTTLE> 

<8CRTPT LANGUAGE= "JavaScrip 上 "> 
ニニ 


Youb1= new Aray(7) 


youbi[0] = "日 ": 
youbi [1] = "月 ": 
youbi [2] = " 業 ": 
youbi [3] = " 水 ": 
youbi [4] = " 木 ": 
youb1 [5] = " 金 ": 
youbt[6] = " 土 " 
Function gety(y) { document .write( youbi[y] ) } 
772 デニ ニン 

</ SCRTPT> 

</ HEAD> 


<BODY BGCOLOR= "#FFFFFF"> 

* 曜 日 を 表示 する (Array オ プ ジ ェ クト を 使う ) <P> 
( 

<SCRTPT LANGUAGE= "JaVvaScr1p キ "> 
<!ーーー 

day = new Date() : 

gety (day . getDay ( ) ) : 

70 ニジニ 

</ SCRTPT> 

) 

</ BODY> 

< く / HTML> 








上 new Date0 一 「Date オ ブ ジ ェクト 」 の [年 - 月 日 "時 ・ 分 ・ 秒 を 表示 する 」:P.432 参 昭 
上 > getDay0「Date オ ブ ジェ クト 」 の [曜日 表示 する 」:P.434 参 照 





0 Netscape2.0 で も 使え る Array オ ブ ジ ェクト は ? 


Areag オ ブ ジ ェクト は 、Netscape Navigator3.0(JavaScript 1.1) か ら 追 加 さ れ た 
オブ ジェ クト で す が 、「array オ ブ ジ ェクト 名 = new Array( 配 列 の 数 )」 の 用 法 で の み 、 
Netscape Navigator2.0 で も 使用 可能 で す 。 

し か し 、 そ れ 例 外 の 「array オ ブ ジ ェクト 名 = new Array(0 番 目 の 要 素 .…n 番 目 の 要 
素 )] で 作成 され た 配列 の オブ ジェ クト や 、「join0」・「reverse0」・「sort0」 な どの メソ ッ 
ド は 使用 で きま せん 。 


Array オブ ジェ クト 





- 
配 
オ 
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ブナ ブ ジ ェクト た 名 = new Array( 0 番 月 の 要素 , ? 番 月 の 要素 。 . . ., ヵ 素 月 の 要素 ) 
ブ ブ ジ ェクト 名 .join( ) [メソ ッ ド ] 





本 2 の 要素 を 文字 列 に し て 書き 出す 


0 番目 /1 番 目 /2 番 目 /3 番 目 





join()] メ ソ ッ ド は 、 配列 の 要素 を 文字 列 に 変換 し ます 。 
呈 記 join(" 文 字 列 ")] と 指定 する と 、 要素 の 区 切り 時 に カッ コ 内 の 文字 列 が 加え られ ます 。 
何 も 指 定 が な い 時 に は 、 各 要素 は 「,] で 区 切ら れ ます 。 
JavaScript1.1 で 追加 され た メソ ッ ド で す 。 


⑳ <HTML> 
ン <HEAD> 
<TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR= "#FFFFEFF"> 

* 配 列 の 要素 を 文字 列 に し て 書き 出す <P> 

<SCRTPT LANGUAGE= "JavaScrip1 .1 "> 
で ド ーーー 

<SCRTPT LANGUAGE= "JavaScrip キ 1 .1"> 
に な 

hairetu= new Array("0 番 目 ", "1 番目 ", "2 番目 ", "3 番目 ") : 
document .write(hairetu.。Join("/") ) : 
0 ここ 

</ SCRTPT> 

</BODY> 

</ HTML> 
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ブチ ブ ジェ クト 名 = new Array ( 0 藩 且 の 要素 , ィ 和 朋 の 要素 , ・・ ロ 落下 の 要 委 ) 
ナブ ジェ クト た 名. ェ everse( ) [メソ ッ ド ] 


解 


直列 の 要素 を 逆 に 並べ 変え る 
3 番目 2 番目 ,1 番 目 .O 番 目 





[reverse0]」 メ ソ ッ ド は 、 配列 の 要素 を 逆 に 並べ 変え ます 。 


記 記 JavaScripr1.1 で 追加 され た メソ ッ ド で す 。 


々 
2 


< く HTMTL> 

<HEAD> 

<TTTLE></TTTLE> 

</ HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

* 配 列 の 要素 を 逆 に 並べ 変え る <P> 

<SCRTPT LANGUAGE= "JavaScrip1 .1"> 
補 5 ニ ニニ 

hairetu= new Array("0 番 目 ", "1 番目 ", "2 番目 ", "3 番 
document .wr1te(hairetu。reverse( ) ) : 
ん が = ニー 

</ SCRTPT> 

</ BODY> 

</ HTML> 
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の t 桂 藩 昌 テ さ ロ INS 当 本 M 


ナブ ジェ クト 名 = new Array( 0 番 月 の 要素 , 7 番 月 の 要 東 , ...,n 和 月 の 要素 ) 
チ ナブ ジェ クト 名 . sort ( 比 迷 謗 数 ) [メソ ッ ド ] 





帆 列 の 要素 を ソー ト す る 
辞書 順 array,formJocationwindow 


昇順 832.62256 


降順 256.62.32.8 





「sort0] メ ソ ッ ド は 、 配 列 の 要素 を ソー ト し ます 。 

比較 関数 が あたえ られ て いな い 時 は 、 各 配列 の 要素 が 文字 列 と し て 扱わ れ 、 辞 書 編 
集 法 に し た が っ て ソー ト さ れ ま す 。 

また 、 数 値 を 比較 する 時 は 、 比 較 関 数 を 「function 関数 名 (a, b){ return a - b と す 
る と 昇順 ソー ト に 、[fanction 関数 名 (a, b){ return b - a 中 と する と 降順 ソー ト に な 
り ま す 。 

JavaScript1.1 で 追加 され た メソ ッ ド で す 。 


<HTMTL> 

<HEAD> 

<TTTLE></TTTLE> 

< く / HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 配 列 の 要素 を ソー ト す る <B> 

<SCRTPT LANGUAGE= "JavaScrip 上 1 .1 "> 

トキ ーー 

Nhairetu1= new Array("1ocation", "array"。"window",。 "Eorm" ) : 
document .write( "辞書 順 : " , Nhairetu1 . gort( ) ) : 


ーー コテ 
</ SCRTPT> 
< く P> 


<SCRTPT LANGUAGE= "JavaScript1 .1 "> 

守 ニ ニニ 

NhaireEu2= new Array(62,8,256,32) : 

Function SortSet (a,b) { return a-b)} 
document .write( "昇順 : " ,Nhairetu2 。 go (SortSe) ) : 
ガー ニー ニテ 

</ SCRTPT> 
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< く P> 

<SCRTPT LANGUAGE= "JavaSoript1 .1"> 

で ルー ニー 

Nhairetu2= new Array(62,8,256, 32) : 

Function SortSet (a,b) { return Db - a } 

document .write( "降順 :" ,Nha1retu2 。 gor ( So て ESe) ) : 
7 が ー ニ ー デ 

</SCRTPT> 

</ BODY> 

</HTML> 











Sort() を 使用 する 時 の 注意 


「Sort0」 を 使っ て 配列 を ソー ト し た 結果 を 、 連 続 し て 「document.write」 で 書き 出 そ 
うと する と 一 部 、 あ る い は 全部 が 表示 され な い 場 合 が あり ます 。 

これ は 、 配 列 を 評価 し ソー ト す る の に 時 間 が か か り 、 結 果 を 返す より 前 に ペー ジ の ロー 
ド が 終っ て し まう た め だ と 思わ れ ま す 。 

マシ ン パ ワー に も 左右 され る よう な の で 、「Sort)」 を 使う 時 に は 、 色 々 な 環境 で チェ ッ 
ク す る こと を お 勧め し ます 。 

この 問題 は 、Netscape Navigator4.x で は 解消 され て いま す 。 


Array オブ ジェ クト 


の 寺 落 テマ ロ INS 当 古 間 


チ ブ ブ ジ ェクト 名 = new Function ([ 要 系 1, 要素 2, . . . 要 末 ] , funcczon の 


働き ) 
チ ブ ジェ クト 名 .1ength [プロ バテ ィ ] 
ブ ブ ジ ェクト 名 .arity [プロ パティ] 


、 馬 





* 新 し い 関 数 を 作る 


16*32 = 512 
length:2 


arity:2 





解 サン プル で は 、new 演 算 子 を 使っ て [x」 と |y]2 つ の 要素 を 乗算 する 関数 [myFunc] を 
且 紀 作り 、 そ こ に 数 値 を 入れ て 計算 し て いま す 。 
また 、「length] プ ロ パ ティ ・「ariryl プ ロ パ テ ィ は 、 要 素数 を 値 に 持っ て いま す 。 
「length」 は JavaScript1.1、「ariy」 は JavaScripr1.2 で 追加 され た プロ パテ ィ で す 。 
現在 は 、Internet Explorer で は 「arirl を サポ ー ト し て いま せん 。 


関 
数 
オ ⑫ <HTML> 
了 タン <HEAD><TTTLE></TTTLE></HEAD> 
Da 中 <BODY BGCOLOR="#FFFFFF"> 
ク * 新 し い 関数 を 作る <P> 
<SCRTPT LANGUAGE= "JavaScript1 .1"> 
操 ドー 
作 myFunc = new Funotion("x"。 "y"。 "return xx * YY"): 
る document write("16*32 = " + myPunc(16,32) ) 
ei document .write ("<BR>" ) : 
EE い 紀 documen .write("1ength:" + myFunc.1ength ) : 
な ココ ニ グ 
</ SCRTPT> 


<SCRTPT LANGUAGE= "JavaSorip1 .2"> 

で ポー ニニ 

document .write ("<BR>" ) : 
document .write ("arity:" + myFumC。ar ミ 上) : 
ん た パー ニー 

</ SCRTPT> 

</ BODY> 

</ HTML> 
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チ ブ ジェ クト 名 .ca11er 


Bi 


ォ 関 数 が どこ か ら 呼 ば れ た か 参照 する 


クレ し て くだ さい 





「callerl プロ パテ ィ は 、 ど の 関数 が どこ か ら 呼 ば れ た か を 取得 し ます 。 
サン プル で は 、 フ ォ ー ム の ボタ ン を クリ ッ ク し た り 、 リ ンク の 上 に マウ スカ ー ソ ル 


が 乗っ た 時 な ど に 発生 し た 関数 名 と 共に 、 関 数 を 発生 きせ た イベ ント の タイ プ を 表 虹 
示し た 警告 用 の ダイ アロ グ ボ ックス を 開き ます 。 3 
同様 の 働き を する プロ パテ ィ に 、 オ プ ジ ェ クト の 作成 元 、 つ まり 関数 名 を 取得 する ジ 
「constructor 」 プ ロ パ テ ィ が あり ます 。 
JavaScript1.1 で 追加 され た プロ パテ ィ です 。 ト 
この スク リプ ト は 、Internet Explorer5.0 で は うま く 機 能 し な い 場合 が あり ます 。 # 
<HTML> る 
<HEAD> 和 3 
<TTTLE></TTTLE> 3 


<SCRTPT LANGUAGE= "JavaScrip て 1 .1"> 
ぐー ニー ニニ 
Function myFunc() { 
1f (myFunc.ca11er == nu11) ( 
a1ert ("この ファ ンク ショ ン は フォ ー ム の Top か ら 呼 ば れ ま し た ") : 
} 
e1se { alert(" この ファ ンク ショ ン は " + myFunc.ca11er + " 1 
呼ば れ ま し た ") : 
} 
} 
が ガー ニニ テ 
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| の 選 寺 藩 時 テマ ロ NINU 癌 漂 


</ SCRTPT> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF "> 

* 関 数 が どこ か ら 呼 ば れ た か 参照 する <P> 

<FORM> 

<TNPUT TYPE= "buEon" NAME= "FCa11" VALUE=" ク リッ ク し て くだ さい " 
onC1iock="myFunc()" > d 

< く /FORM> 

< く P> 

<A HREF="PT.htm1" onMouseOver= "myFuno ( ) "> この 文字 の 上 に マウ ス 

カー ソル を 持っ て き て くだ さい </A> 』 

</ BODY> 

</ HTML> 








用具 alert0ー「window オ ブ ジ ェクト 」 の 「 警 告 用 の 0 ダ イア ログ ボ ックス を 開く 」:P.287 参 昭 
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チオ ブ ジェ クト た (ファンクション) 名 arguments . 1ength [プロ バテ ィ ] 
ブ ブ ジ ェクト 人 (ファンクション ) 名 .arguments .ca11ee [プロ パテ ィ 1] 
ブチ ブ ブ ジ ェクト (ファンクション) 名 .arguments [イン デック ス ] 





+ 関 数 の 内 容 を 配列 に し て 使用 する 


・ One 
* Two 
* Three 


関数 の 内 容 :function listO [ for var 0:『 + lstarguments[ 員 : ] document writeC” 
つの: document write(“ 関 数 の 内 容 :“ + lstarguments callee) 1 





解 「arguments] は 、 そ れ 自 体 が 関数 の 配列 を 作成 する オプ ジェ クト で 、 JavaScript1.0 か 
ら 使 用 可能 で し た が 、JavaScript1.1 か ら は Function オ プ ジ ェ クト の プロ パテ ィ に 加 
えら れ ま し た 。 

「arguments] は 、「Icngth] プロ パテ ィ を 持っ て いま す 。 

サン プル で は 、「Histarguments.length] で 関数 [Hist()」 の 要素 数 を 取得 し 、for 文 を 使っ 


謀 


て [listarguments[0]] の 要素 か ら 順 番 に 書き 出し て いま す 。 ま た 、「calleel プ ロ パ ティ 
は 、 関 数 の 内 容 を 値 に 持っ て いま す 。 3 
[length」] は JavaScriptl.1、「callee] は JavaScript1.2 で 追加 され た プロ パテ ィ で す ジ 
3 
必 
り <HTML> ト 
2 明 <HEAD> 人 
<TTTLE></TTTTLE> 作 
<SCRTPT LANGUAGE= "JavaSoript1 .2"> 写 
く !ーーー る 
kon sree 
Function 1]ist() 人 


For (Var =0: 1<]1is 上 .argumentgs.1ength: ュ ユ ++) { 
document . write ( "<L エ >" + 1is.argumeng [1] ) : 

} 

document . write ("<BR>" ) : 

document . write(" 関数 の 内 容 :" + 11st.arguments .Ca11ee) : 

} 

0ーーー テ 

</ SCRTPT> 

< く / HEAD> 
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<BODY BGCOLOR= "#FFFFEFEF"> 

* 関 数 の 内 容 を 配列 と し て 使用 する <P> 

<SCRTPT LANGUAGE= "JavaScrip モ 1 .2"> 
ーー デビ 

11st ("One" , "Two" , "Three" ) 

た ーーー な 

</ SCRTPT> 

</BODY> 

</ HTML> 











JavaScript 対 応 の ソフ ト 


JavaScript が 標準 化 さ これ て か ら 、JavaScript に 対応 し た アプ リケーション が 、 ぼ ぽち 
ぼ ち と 発表 され 始め て きま し た 。 

ブラ ウザ で は 、 ど ちら も 軽量 で ある こと を 売り と し た 「Opera」 や 「iCab] な ど が Java 
Script に 対応 し て いた り 、 今 後 対 応 す る 予定 で す 。 ま た 、 ア ド ビ シ ステ ムズ 社 の [Adobe 
Acrobat」 な ど は 、 フ ォ ー ム の チェ ッ ク を JavaScript を 使っ て 行う こと が で きま す 。 

面白 いも の で は 、 ゲ ー ム 専用 機 の Dreamcast が 用 意 し て いる ブラ ウザ 「Dream 
pasSport つ ] で 、 こ れ は 、JavaScript].1 レベ ル の JavaScript を サポ ー ト し て いま す 。 

これ か ら も 、 オ ー プ ン ソ ー ス で 開発 が 進め られ て いる レン ダリ ング エン ジン 「Gecko] 
を 採用 する な ど し た 、 意外 な JavaScript 対 応 の ソフ ト が 発表 され て いく こと で し ょ う 。 


・Dpera Software 
hp : / /www . opera . Com/ index .htm1 


・Alexander Clauss & iCab Company 
ht て tp : / /www . icab . de/ index . htm1 


・ ア ド ビ シス テム ズ 株 式 会 社 : Adobe Acrobat 4.0 
ht て p : / /www . adobe . Co . Jp/produc 上 /acroba/ index .htm1 


・ 株 式 会 社 セガ ・ エ ンタ ー プ ライ ゼス : Dreamcast 
ht て D : / /www . sega . Co . Jp/dreamcas 上 /dreamoast .htm1 
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ca11(this, 数 , 引 数 , . ..) 


* 異 な る オブ ジェ クト を 呼び 出す 





「call 0] メ ソ ッ ド は 、 引 数 を 指定 し て 、 異 な る オプ ジェ クト を 呼び 出し ます 。 
朋 史 サン プル で は 、[x] と 「y] の 2 つの 要素 を 乗算 する 関数 で ある オプ ジェ クト [myFunc] 
を 、 関 数 [myFunc2()] か ら 「call 0] メ ソ ッ ド を 使っ て 呼び 出し て いま す 。 
この 他 に も 、 引 数 の 配列 と 共に オプ ジェ クト を 呼び 出す [apply(0] メ ソ ッ ド が あり 、 
両方 と JavaScript1.3 で 追加 され た メソ ッ ド で す 。 
現在 この メソ ッ ド は 、Internet Explorer5.x で は サポ ー ト され て いな いよ う で す 。 


R7 <HTML> 
2 議 <HEAD> 
ンク 
全 。<mTTLE></TTTLE> 関 
<SCRTPT LANGUAGE= "JavaScr1p1 .3"> に 
で! --ー ブ 
myFunc = new Function("x",。 "y", "return x * Y"): 必 
Function myFunc2(a,b) { window.a1ert ( myFunc . ca11 (thig, 用 了 
a。 b) ) } ト 
バニ ニー を 
</8CRTPT> 状 
< く /HEAD> す 
<BODY BGCOLOR= "#FFFFFF"> る 
* 異 な る オプ ジェ クト を 呼び 出す <P> 本 つこ 
王寺 軍 


<SCRTPT LANGUAGE= "JavaScr1pt1 .3"> 
で!』 ニー ニー 

myFunc2 (2,3) 

ーー ニテ 

</ SCRTPT> 

</ BODY> 

< く /HTML> 
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* 新 し い オ ブ ジ ェクト を 作る - 1 - 
新しい オブ ジェ クト で す 





JavaScript で は 、 新 た に ユー ザー 独自 の オプ ジェ クト を 作成 する こと が で きま す 。 
サン プル で は 、new 演 算 子 を 使っ て 、「 新 し い オ プ ジ ェ クト で す ] と いう 文字 列 の 値 
を 持っ た 新た な オプ ジェ クト 、「myObj] を 作成 し て いま す 。 


<HTML> 

<HEAD> 

<TTTLE></TTTTLE> 

く / HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* 新 し い オ プ ジ ェ クト を 作る - 1 - <P> 
<SCRTPT LANGUAGE= "JavaSocript1 .1 "> 
0 ニーー 

myOb] = new Object( "新しい オプ ジェ クト で す " ) : 
document .write (myOb] . bo1q( ) ) : 
バニ ュー ニン 

</ SCRTPT> 

</ BODY> 

< く /HTML> 
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チ ナブ ジェ クト 名 = {プロ /( テ ィ 1: 値 ,, プロ (ティ s2: 値 2, . . ., プロ (ティ n: 人 n} 


* 新 し い オ ブ ジェ クト を 作る - 2 - 





新しい オブ ジェ クト で す 





子 を 使用 し て 新しい オプ ジェ クト を 作成 する 以外 に 、 サ ンプ ル の 用 法 で も 独自 の オ 
プ ジ ェ クト を 作成 で きる よう に な り ま し た 。 

サン プル で は 、 文字 の 色 や サイ ズ の 値 を プロ パテ ィ に 持っ た 、「mystring] と いう オ 
プ ジ ェ クト を 作成 し て いま す 。 


了 JavaScript1.2 か ら 、 あ ら か じ め 用 意 さ れ て いる オプ ジェ クト を 使用 する か 、new 演 算 


K <HTML> 
ン <HEAD> 
四 <TTTLE></TTTLE> 
</HEAD> 


<BODY BGCOLOR="#FFFFFF "> 
* 新 し い オ プ ジ ェ クト を 作る - 2 - <pB> 


<SCRTPT LANGUAGE= "JavaScript1 .2"> 
コピ オ 
myOb] = new Object ("新しい オブ ジェ クト で す ") : 2 
myString = { co1ori"red",Sizes5 }: の 
document .write (myOb] . Fontco1or (myist ェ 1ng .Co1cr) - aa ク 
(mystring.S1ze) ) : ト 
2 を 
// > 操 
</SCRTPT> | 傘 
</BODY> | た 
</HTML> 
ーー 
E = 
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/ 
を 


則 の 革 革 時 テマ ロ N 


watch( プロ (ディ, 訟 数 ) [メソ ッ ド ] 
unwa も ch ( プロ ティ) [メソ ッ ド ] 


人 
説 


* ォ ブロ パテ ィ を 監視 する 











「watch0] メ ソ ッ ド は 、 プ ロ パ ティ の 監視 を 行う メソ ッ ド で す 。 

サン プル で は 、 新 た に 作成 し た 「myobj] オ プ ジ ェクト の [pro」 プ ロ パ ティ を 、「watch(」 
メソ ッ ド で 監視 し て いま す 。「pro] プ ロ パ テ ィ に は 、 始 め 「1」 の 値 が 設定 され て いま 
す が 、「watch0] メ ソ ッ ド 内 で 呼び 出す 関数 の 処理 で [1] か ら [2] へ 、「[2] か ら 「 変 わっ 
た よ 員 と いう 文字 列 へ と 変更 され て いき ます 。 ち な み に 、 こ の 時 の 関数 の 引数 は 、 
「fanction (プロ パテ ィ . 変 更 前 の 値 , 変 更 後 の 値 )|] と な り ま す 。 

「anwatch(0] メ ソ ッ ド は 、「warch()] メ ソ ッ ド で 設定 し た プロ パテ ィ の 監視 を 解除 す 
る メソ ッ ド で す 。 こ の た め 、「myobj.unwarch('pro')」 の 後に 設定 し た 「myobj_pro = 
100」 の 処理 は 、 行 われ ませ ん 。 

JavaScript1.3 で 追加 され た メソ ッ ド で す が 、 現在 、Internet Explorer5.x で は サポ ー ト 
され て いな いよ う で す 。 


<SCRTPT LANGUAGE= "JavaSoript1 .3"> 
ニー ェ ー 
myob] = {pro:1} 
myob] .watoch ( "pro", 
function (id,o1dva1 , newva1) ( 
window .a1ert ( "myob]." + 1d + "を " + o1dval + " が から 
" + newva] + "へ 変更 し まし た ") 』 
return newva1 
} ) 
myob] . pro 2 
myob] . pro "変わ っ た よ !!" 
myob] .unwatoh('pro') 
myob] .pro = 100 
/(/ ニ ニニ 
</ SCRTPT> 


中 
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ナブ ジェ クト 名 = new Boo1ean( ) 


* 真 (true)・ 飛 (alse の 値 を 設定 する 


true 
false 
true 
false 





解 Boolean オ プ ジ ェ クト を 使う と 、 明示 的 に 「true」 と 「flse] の 値 を も っ た オプ ジェ クト 
月 記 を 作成 する こと が で きま す 。 
サン プル で は 、Boolean オ プ ジ ェ クト を 使っ て [rue」 の 値 を 持っ た 「myTruecl オ プ ジ ェ 
クト と 、「filse] の 値 を 持っ た 「myFalsel オ プ ジ ェ クト を 作成 し て いま す 。 
JavaScriprl .1 で 追加 され た オプ ジェ クト で す 。 


5: <HTML> 
錠 革 <HEAD> 
中 <TTTLE></TTTLE> 

</HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* 真 (true) ・ 偽 (Fa1se) の 値 を 設定 する <P> 内 
<SCRTPT LANGUAGE= "JavaScript1 .1"> オ 
=ea メ 
myTrue = nevw Boo1ean (上 ruUG) : レ 
myFalse = new Boo1ean(fFa]se) : 多 
documen キ t .write( myTrue == true ): ト 
document .write ("<BR>" ) : 提 
document .write( myTrue == fa]se ): 作 
documen .write ( "<BR>" ) : 1 
GoGtNanikWi さ bl myFalse != true ): Te 
document .write ("<BR>" ) : Mr 
document .write( myFalse != fa]se ): 
6/ デ ニー コキ 
</ SCRTPT> 
</ BODY> 
</HTML> 
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ブナ ブ ジ ェクト 名 = new Number() 
チオ ブ ジェ クト 名 .NaN [プロ パテ ィ 1] 





目 | 


* 数 値 を 作成 する 





解 Number オ プ ジ ェ クト を 使う と 、 数 値 の 値 れ 持っ た オプ ジェ クト を 作成 する こと が 
月 鹿 で きま す 。 
サン プル で は 、Number オ プ ジ ェ クト を 使っ て 、 数 値 の 値 れ 持っ た オプ ジェ クト 
「myNumber] を 作成 し て いま す 。 ま た 、「NaN] プ ロ パ テ ィ を 使う と 、 オ プ ジ ェ クト 
を 数 値 で な い 状 態 に 変更 する こと が で きま す 。 
JavaScript1.1 で 追加 され た プロ パテ ィ です が 、JavaScript3.0 で は 「NaN] が 機能 し な 
い 場 合 が あり ます 。 


1* < く HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFEFF"> 

* 数 値 を 作成 する <P> 

<SCRTPT LANGUAGE= "JavaScript1 .1"> 
に リー コー 

myNumber = new Number(100): 
document .write (myNumDber ) : 
document .write ("<BR>" ) : 

document .write ( isNaN (myNumber) ) : 
document . write ( "<BR>" ) : 
document . write (1sNaN (myNumber Ma) ) : 
が パー ピニン 

< く / SCRTPT> 

</ BODY> 

</HTML> 


へ せ 鞭 濁 


4 


| 中 村 基層 テ マロ N 








上 !SNaN0 一 「 ビ ルト イン 関数 (top level 関 数 の 「 数 値 か どう か を 調べ る 」:P.531 参照 
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ii [MAX_VALUE] プ ロバ パテ { は JavaScript で 扱え る 値 の 最大 値 を 、[MIN_VALUE] プ ロ 


ブチ ブ ジェ クト 名.MAX_VALUE [プロ バテ ィ ] 


ナブ ジェ クム 名 .MTN_VALUE [ ブ プロパティ] 
チ ナブ ジェ クト 名 .NEGATTVE TNFTNTTY [プロ バ パティ] 
ブ オブ ジェ クム 名 .POSTTTVE TNFTNTTY [プロ パテ ィ 1] 





* 使 用 可能 な 数 値 の 範囲 を 調べ る 
最大 値 :1.7976931348623157e+308 


最小 値 :5s-324 
負 の 無限 大 :-Infnity 
無限 大 :Infnity 





Number オ プ ジ ェ クト に は 、 数 値 の 有効 範囲 た 取り 扱う 多く の プロ パテ ィ が あり ます 。 


パテ ィ は javaScript で 扱え る 値 の 最小 値 を 、「NEGATIVE_INFINITY] プ ロ パ ティ は 負 
の 無限 大 の 値 を 、「POSITTVE_INFINITY] は 無限 大 の 値 を を それぞれ 持っ て いま す 。 
これ ら は 、 JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


< く HTML> 
<HEAD> 
<TTTLE></ 
</HEAD> 
<BODY BGC 


TTTLE> 


OLOR= "#FFFFEFEF "> 


* 使 用 可能 な 数 値 の 範囲 を 調べ る <P> 


<SCRTPT 葉 
ぐ ! ーーー 
documen . 
document . 
document . 
document . 
document . 
document . 
document . 
パニ ニー ニテ 

</ SCRTPT> 
</BODY> 

< く /HTML> 


ANGUAGE= "JavaSor1pt1 .1 "> 


write(" 最大 値 :" + Numbper.MAX_VALUE) : 

write ("<BR>" ) : 

write(" 最小 値 :" + Number .MTN_VALUE) : 

write ("<BR>" ) : 

write( " 島 の 無限 大 : " + Number . NEGATTVE TNFTNTTY) : 
write ( "<BR>" ) : 

write( " 無限 大 : " + Number .POSTTTVE TNFTNTTY) : 








Number オブ ジェ クト 


いせ 鞭 漂 


上 l……… 
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1ength [プロ パテ ィ ] 


【 サ ポー ト し て いる オブ ジェ クト (配列 )】 
Button・Checkbox・FileUpload・Form・frame・Hidden・Image ・layer・Password・Plugin・Radio・ 
Reset・Select・Submit・Text・Textarea・window オ ブ ジ ェクト 
anchors・applets・elements( フ ォ ー ム 内 の 値 )・embeds・forms・frames ・history・images layers・ 
links・mineTypes・options ・plugins 配 列 


* オ ブ ジ ェクト (配列 の 数 を 取得 する 


フォ ー ム の 数 1 





解 [length] プ ロ パ ティ は 、HTML フ ァイル 内 の オプ ジェ クト や 配列 の 数 を 取得 し ます 。 


Bi 
G' <HTML><HEAD><TTTLE></TTTLE></HEAD> 
2 衣 <BODY BGCOLOR="#FFFFFF"> 
る 


* オ プ ジ ェ クト (配列 ) の 数 を 取得 する <P> 


<FORM NAME= "kasu1 "> 

< く TNPUT TYPE="tex 華 " NAME=" 又 " STZE=10> 
< く /FORM> 

< く BR> 


<A HREF="page1 . htm1 ">1 ペ ー ジ 目 </A> 

: く <A HREF="page2 .htm1 ">2 ペ ー ジ 目 </A> 

: <A HREF="page3 .htm1 ">3 ペ ー ジ 目 </A> 

<HR> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

凡 ーー ニュ 

Yar moz1 = "ご この 文字 は 何 文字 で し ょ うか " 

document .write ( "文字 の 数 :" ,moz1 .1ength , "<BR>" ) 
document .write ("ヒス トリ ー の 数 : " , history .1ength , "<BR>" ) 
document .write ("リン ク の 数 : " , document . 1inks .1ength , "<BR>" ) 
document . write (" フォ ー ム の 数 : " , document . Forms . 1ength , "<BR>" ) 

/4/ ニ ーー ニテ 

く / SCRTPT> 

< く / BODY></HTML> 


則 (deos1eN) ひ s+ 還 央 る 癌 
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[プロ パテ ィ ] 


【 サ ポー ト し て いる オブ ジェ クト 】 
Button・Checkbox・FileUpload・Form・frame ・Hidden・Image・layer・Password・Plugin・Radio・ 
Heset・Select・Submit・Text・Textarea・windOow オ ブ ジ ェクト 


ォ オ ブ ジ ェクト に 名 前 を 付け る 


ォ ー ム エレ メン ト の 値 


イメ ー ジ の URLNAME)Rle://Pro_server/souko/4- 複 数 使用 
ToU/01.02/image gif 

イメ ー ジ の URL( 配 file://Pro.server/souko/4- 複 数 使用 
ToU/01.02/image gif 

フォ ー ム の 内 容 (NAME) フ ォ ー ム エレ メン ト の 値 

フォ ー ム の 内 容 ( 本 玖 ) フ ォ ー ム エレ メン ト の 値 





解 Link 関 連 の オプ ジェ クト 以外 の HTML タ グ を 使用 する オプ ジェ クト で は 、 タ グ 内 に 

衣 史 「name] プ ロ パテ ィ を 設定 する こと に よっ て オプ ジェ クト に 名 前 を 付け て 、 明 示 的 に 
オブジェ クト を 参照 する こと が で きる よう に な り ま す 。 

サン プル で は 、1Image オ プ ジ ェ クト と Form オ プ ジ ェ クト に 「name] プ ロ パ ティ で 名 前 

を 設定 する こと に よっ て 、 配 列 と 同じ よう に 、 オ プ ジ ェ クト の 色々 な 値 を 参照 し て 


<BODY BGCOLOR="#FFFFFF "> 

* オ ブ ジ ェクト に 名 前 を 付け る <P> 

<TMG SRC="image.91F" NAME="kao" ALT="kao" WTDTH="110" HE 
TGHT="110"> 
<BR> 

<FORM MAME= "NATYOU"> 

< く TNPUT TYPE="Eext" NAME="naiyou" STZE=30 VALUE=" フ ォ ー ム エレ 
メン ト の 値 "> 
</FORM> 


複 
いま す 。 夫 
利 
9 <HTML> 
2 列 <HEAD> し 3 
中 <TmTTLE></TTTLE> に ゴ 
</HEAD> 較 
ie: 
に < ・ 
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<P> 

<SCRTPT Languade= "JavaSoript1 .1"> 

に マー 

document .write ("イメ ー ジ の URL (NAME ) : " ) 

document . write (document . kao . SrC) : 
documen .write ("<BR>" ) : 

document .write ("イメ ー ジ の URL (配列 ) : " ) : 

documen . write (document . images [0] . src) : 
document . write ( "<BR>" ) : 

document .write ("フォ ー ム の 内 容 (NAME) : " ) : 

document . write (document .NATYOU .na1you .Va1ue) : 
document .write ( "<BR>" ) : 

document . write ("フォ ー ム の 内 容 (配列 ) : " ) : 

document . write (document .Forms [0] .elements [0] .value) : 
0/ つ ーー ピ ウ 

</SCRTPT> 

</ BODY> 

</HTML> 








複数 の オブ ジェ クト で 使用 する プロ パティ ・ メ ソ ッ ド 





prototype [プロ パテ ィ ] 
Congtruotor [プロ パテ ィ 1] 


【 サ ポー ト し て いる オブ ジェ クト 】 
Array・Boolean・Date・ function・Image・Number-Select-option・string オ ブ ジ ェクト 、 
ユー ザー 作成 オブ ジェ クト 


KM 
ンク 


解 
説 


> 
ES 


* 新 た に ブロ バテ ィ を 作成 する 


た だ 今 の 日 時 は : 08/02/1999 11:1759 
オブ ジェ クト の 作成 元 : function DateO { [native code]} 





「protope] プ ロ パ テ ィ は 、new 演 算 子 で 作ら れ た オプ ジェ クト に 、 明 示 的 に プロ パ 
ティ を 追加 し ます 。 

サン プル で は 、new 演 算 子 で 作ら れ た today オ プ ジ ェ クト に 対し て 、「protope」 プ ロ 
パテ ィ を 使っ て 「newpro] と いう プロ パテ イ を 新た に 作成 し て いま す 。 

また 、「constructor] プ ロ パ テ ィ は 、 関 数 名 も 含め た オプ ジェ クト の 作成 元 の 値 を 持っ 
て いま す 。 

あく まで も 作成 元 の 情報 だ け な の で 、 その オプ ジェ クト が どの よう な 値 を 持っ て いる か を 
知る に は 、 「toString0」 メ ソ ッ ド (「 オ プ ジ ェ クト を 文字 列 に 変え る : 次 項 ) や [toSource()」 
メソ ッ ド (| オプ ジェ クト 内 の 値 を 文字 列 に する ] : P.519) を 使う 必要 が あり ます 。 
JavaScript1.1 で 追加 され た プロ パテ ィ で す 。 


<HTML> 

<HEAD><TTTLE></TTTLE></HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 新 た に プロ パテ ィ を 作成 する <P> 

<SCRTPT Language= "JavaScr1pt1 .1"> 

SS 

today = new Date() : 

Date .prototype . newpro=" た だ 今 の 日 時 は : " .bo1d( ) : 

document .write (today .newpro + oday.toLoca1eString( ) ) : 
document .write ("<BR>" ) : 

document .write ("オプ ジェ クト の 作成 元 : " + today . Cong ヒ ucCor) : 
が ュー ニニ ニテ 

</ SCRTPT> 

< く / BODY> 

< く /HTML> 


用 (sdgosieN) ひ 'st 胃 江 る 藻 
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、 還 議 


| 


to8tring( ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト 】 
すべ て の オブ ジェ クト 


唐 





* ォ オブジェ クト を 文字 列 に 変え る 
月 火 水木 金 土 


Mon Aug 2 112131 UTC+0900 1999 
file//Pro_server/souko/urata/4- 複 数 使用 ToU/01 05/05pro.html 
文字 列 に すべ き 内 容 が な い 時 :[object] 





「toString0]」 メ ソ ッ ド は 、 オ プ ジ ェ クト を 文字 列 に 変換 し ます 。 


市 呈 Netscape Navigator2.0 で この メソ ッ ド を 使用 する と 、 一 部 の プラ ウザ で は 不安 定 に 


な る 場合 が あり ます 。 


<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR="#FFFFFF "> 

* オ プ ジ ェ クト を 文字 列 に 変え る <P> 

<SCRTPT Languade= "JavaSc エ ip 上 "> 

志 沿 三 こ 

var YOUBT = new Array(" 月 "," 魚 7" " 水 ",/" 木 "," 金 "," 土 ") 
document .write (YOUBT .toString() + "<BR>") 

var today = new Date( ) 

document .wr1te(today .toString() + "<BR>") 

document .write (1ocation .toSt ェ ing( ) + "<BR>") 

document . write ( "文字 列 に すべ き 内 容 が な い 時 : "+w1ndow .to8tring() + 
"<BR>" ) 』 
= ロー と 

< く / SCRTPT> 

</ BODY> 

</ HTML> 
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6 


ノ 
ン 
ン 
の 
6 





















*n 進 数 に 変換 する 


10 進 数 . 0 2 進数 . 0 16 進 数 . 0 
10 進 数 . 1 2 進数 . 1 16 進 数 . 1 

10 進 数 . 2 2 進数 . 10 16 進 数 . 2 
10 進 数 . 3 2 進数 . 11 16 進 数 .3 
10 進 数 . 4 2 進数 . 100 16 進 数 : 4 
10 進 数 . 5 2 進数 . 101 16 進 数 . 5 
10 進 数 .6 2 進数 . 110 16 進 数 . 6 
10 進 数 .7 2 進数 . 111 16 進 数 7 
10 進 数 . 8 2 進数 . 1000 1 進数. 8 
10 進 数 . 9 2 進数 . 1001 16 進 数 .9 
10 進 数 . 10 2 進数 . 1010 16 進 数.a 
10 進 数 . 11 2 進数 . 1011 16 進 数 . b 
10 進 数 . 12 2 進数 . 1100 16 進 数 . < 
10 進 数 . 13 2 進数 . 1101 16 進 数 qa 
10 進 数 . 14 2 進数 . 1110 16 進 数. s 
10 進 数 . 15 2 進数 . 1111 16 進 数 :f 
10 進 数 . 16 2 進数 . 10000 16 進 数 . 10 





| toSring0] メ ソ ッ ド で [toSrring(n)] の よう に 数 値 を あたえ る と 、 n 進 数 の 数 値 を 返 
有紀 し ます 。 


<HTML><HEAD><TTTLE></TTTLE></HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 

*n 進 数 に 変換 する <P> 

<SCRTPT LANGUAGE= "JavaScr1p 上 "> 

に に スー 

for (x = 0: x < 17: x++) { 


document .write("10 進 数 : ", x.to8tring(10), " 2 進数 : 


*.toString(2), " 16 進 数 : ", x.to8tring(16) , "<BR>" ) : 
} 

// ニ ニニ ニテ 

</ SCRTPT> 

</BODY> 

</HTML> 


| 
用 (sdeoseN) ひ * ト 馬 当 る 藻 
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、 還 較 


| (sdeos1eN)O ぃ ct 通 涯 る 藻 落 


Ya1ueOF ( ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト 】 
すべ て の オブ ジェ クト 





* オ ブ ジ ェクト 内 の 値 を 返す 


月 火 水木 金 土 
935382606910 


fle. 2 人 0823/4701. _07/07pro html 
返す べき 数 値 が な い 時 .[。bject Window 





[valueOf0]」 メ ソ ッ ド は 、 オ プ ジ ェ クト 内 の 値 を 取得 し ます 。 


解 ) ツ ぃ , 記 本 ゞ 
JavaScript1.1 で 追加 され た メソ ッ ド で す 。 


< く HTMTL> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* オ プ ジ ェ クト 内 の 値 を 返す <P> 

<SCRTPT LANGUAGE= "JavaScript1 .1"> 

こら 

Var YOUBT = new Array(" 月 "," 魚 "7 水 "" 木 "," 金 "," 土 ") 
document .write (YOUBT .va1ueOE ( ) + "<BR>" ) 

var Eoday = new Date() 

document .wr1te (today . ゞ Ya1ueOE ( ) + "<BR>") 
document .wr1te(1ocation .ya1ueOE ( ) + "<BR>" ) 
document .write ( "返す べき 数 値 が な い 時 : "+w1ndow .Ya1ueOE ( ) + "<BR>") 
ルプ ーー ニーク 

</ SCRTPT> 

</ BODY> 

< く / HTML> 
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toSource( ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト ] 
すべ て の オブ ジェ クト 





ノ 


KN 
Na 
ぶ 


* オ ブ ジ ェクト 内 の 値 を 文字 列 に する 
配列 「HARETUI 内 の 値 :F17. 7227. 737. 5. 6] 
Date オ ブ ジ ェクト 内 の 値 :(new Date933561778490)) 
jocation オ ブ ジ ェクト 内 の 値 : 
Ihref "fle////PRO_SERVER/souko/urata/4-Wx95WxA1W90Wx94 め GEgWx97pToU/01. 14/14pro htm『。 
protocol"flla", host”", hoetname: , port 
pathname' //PRO -SERVER/soulo/uwrata/4-695VA1W90W94b6Eg%7pToU701- 14/14pro htm「。 
hash“ “search““. targetnull textnul xundefined, yundefined] 
window オ ブ ジ ェクト 内 の 値 :#1=Ulength0 fames## parent 昔 生 top 才 1 gelf 電 人 name 
status'undefined. defaultStatus””, openernull closed false. innarWWdth723. innerHieight.45: 
outerWdth735. outerHeight580」 serwanX200. screenY23. pageXOffset0. pageYOffset0. 8 
frameRate60. offscresnBuffering al 
documenttlocation#2=Ihref" 17/7/PRG. .SERVER/souko/urata/4-w95WxA1Wx90Wx94Wx8EgW>97pToU/01. 
protocol"fle , host hostname , port 
pathname. *//PRO. SERVER/souko/urata/4- 99VAw20y84b2Ed7pToU/01. 14714gmikmi。 
hash““, search“", targetnull textnul xundefined, yundefinedl の how u T 

人 


previous , next 1 location 電 # crypto pks11 HAIRETUT 1 
today〈nsw Date993561778490 


[toSource()」 メ ソ ッ ド は 、 オ プ ジ ェ クト 内 の 値 を 文字 列 に 変換 し ます 。 
[toString0」 メ ソ ッ ド で は 、「[object Window]] の よう な 形式 で 表 さ れ て いた 値 の 詳 
細 も 取得 する こと が で きま す 。 

JavaScript1.3 で 追加 され た メソ ッ ド で す 。 


<HTML><HEAD><TTTLE></TTTTLE></HEAD> 

<BODY BGCOLOR= "#FFFFFEF"> 

* オ ブ ジ ェクト 内 の 値 を 文字 列 に する <P> 

<SCRTPT Language= "JavaScript1 .3"> 

<! ーーー 

van HATRPWUI = AGW SV 
document . write(" 配列 「HATRETU」 内 の 値 : "+HATRETU .toSource() + 
< 有 
Yar oday = new Date( ) 

document .write ( "Date オプ ジェ クト 内 の 値 : "+today .to8ource() + 
"<P>" ) 
document .write("1ocation オ プ ジ ェ クト 内 の 値 : "+1ocation . モ OSourC@e 
軸 で SB) 
document .write ( "window オ プ ジ ェ クト 内 の 値 : "+window .to8ouroe( ) ) 

7 デー 

</ SCRTPT> 

</BODY></HTML> 


| (edeoseN) ひ ぃ ct 通 央 2 め 藻 
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l (sdeoslsN) ひ '* 胃 半 藻 詳 


eva1 ( ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト 】 
すべ て の オブ ジェ クト 


ー ド RYVEY2EOWCS312 ナ 2 





* フ ォ ー ム に 入力 され た 文字 列 を 計算 で きる よう に する 





解 


| 


leval0] メ ソ ッ ド は 、 文 字 列 を 数 値 に 変換 し ます 。 





月 記 フォ ー ム 内 の 値 は 文字 列 で す の で 、 フ ォ ー ム に 入力 され た デー タ を 計算 する 時 は 、 


「eval0] メ ソ ッ ド を 使っ て 数 値 に 変更 し て か ら 計算 する 必要 が あり ます 。 
JavaScript1.0 で は ビル トイ ン 関 数 と し て オプ ジェ クト と 結び 付け られ て いま し た が 、 
JavaScript1.1 か ら は メソ ッ ド に な り ま し た 。 


< く HTMTL> 
<HEAD><TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaSCr1p キ "> 

function ca1c(CL) { CL.Z.va1ue = eva1(CL.X.yalue) +eva1 
(CL .Y.Yalue) } | 
</ SCRTPT> 

</HEAD> 

<BODY BGCOLOR= "#FFFFEFF"> 

* フ ォ ー ム に 入力 され た 文字 列 を 計算 で きる よう に する <P> 

<FORM NAME="Ca1c"> 

< く TNPUT TYPE= "上 ex 上 " NAME=" 又 " VALUE="0" STZE=10> 

+ 

<TNPUT TYPE= "text" NAME="Y" VALUE="0" STZE=10> 


< く TNPUT TYPE= "上 ex 七 " NAME="Z" STZE=10> 

に ミコ 

<TNPUT TYPE="Dutton" VALUE=" 計算 !!" onC1ick="ca1c(this.Form) "> 
<TNPUT TYPE= "reset" VALUE="C1ear"> 

< く /FORM> 

</ BODY> 

</ HTML> 
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オブ ジェ クト 名 .print ( ) [メソ ッ ド 1] 


【 サ ポー ト し て いる オブ ジェ クト 】 
window・frame オ ブ ジ ェクト 


* ウ ィ ン ドウ (フレーム ) を ブリ ント する 





「print0] メ ソ ッ ド は 、 指 定 さ れ て いる ペー ジ を プリ ント し ます 。 

サン プル で は 、 プ ラウ ザ の プリ ント ボタ ン を 押す の と 同等 の 働き を する ボタ ン を 作 
成 し て いま す 。 

JavaScript1.2 で 追加 され た メソ ッ ド で す 。 





</HEAD> 
<BODY BGCOLOR="#FFFFFF"> 
* ウィ ンド ウ (フレ ー ム ) を プリ ント する <P> 
<FORM> 
<TNPUT TYPE= "Dutton" NAME= "pr1n 上 " VALUE="Prin!!" 
onC1ick= "window .p と nt ( ) "> 4l 
</FORM> 
</ BODY> 
</HTML> 


1 
1 <HTML> 
2 <HEAD> 
ンス 
<TTTLE></TTTLE> 
トコ 
ーー 生 
上 ーー 








上 具 NPUT TYPE='button'>ー「Form オ ブ ジ ェクト 」 の 「 ボ タン を リン ク に 使う 」:P.37 ら 参照 
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setTnterva1 ( 処 理 , 詩 商 有 定 ) [メソ ッ ド ] 


c1earTnterva1 ( ) [メソ ッ ド ] 





【 サ ポー ト し て いる オブ ジェ クト 】 
window・frame オ ブ ジ ェクト 








一 守 間 ご と に 処理 を 可 り 返す 
コア ニメーション に スタ ー ト スト ッ プ ボ ダン を 付け る (eediterve0 








ーー 間 に と に 抽 理 を 練り 返す 
明 | プア ニメーション に スタ ー ト ・ ス トッ プ ボ タン を 付け る (setintervaD 





に 処 
ン ( ce: * ス トッ プ ボ タン を 付け る (setintervaD 






人 衝 り ・ ス トッ プ ボ タン を 付け る (sstlntervaD 











ェ ー 定 時 間 こ と に 処理 を 繰り 返す 
ーション に スタ ー ト ・ ス トッ プ ボ タン を 付け る (setintervaD 





複 
数 
KG 
利 
用 
す 
る 
る 
EE 
PR 


解 「setInterval()] メ ソ ッ ド は 、 指 定 し た 時 間 後 に 1 度 だ け 処 理 を 行う [serTimeout0」 メ ソ ッ 
負 記 下 と 違い 、 指 定 さ れ た 処理 を ミリ 秒 単位 で 繰り 返し 行い ます 。 
サン プル は 、|Image オ プ ジ ェ クト ] の 「 ア ニメーション に スタ ー ト ・ ス トッ プ ボ タン 
を 付け る ] P.404) を 、「serInterval0] を 使っ て 書き 直し た も の で す 。 [setlnrerwal()」 を 
停止 する 時 は 、|clearInterval0] メ ソ ッ ド を 使っ て 、[setTimeout()」 の 用 法 と 同じ よ 
うに 「clearInterval(ID 名 )] と ID を 設定 し て 使用 し ます 。 
JavaScripr1.2 で 追加 され た メソ ッ ド で す 。 
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RI <HTML> 

<HEAD> 

<TTTLE></TTTLE> 

<SCRTPT Lianguade= "JavaScr1pt1 .1"> 
< く ! ーー 

Yar TmageSetA = 1 : 

ANTMA = new Array() : 

下 O*( 芽 三 1i く 65 3 生け 9 





ANTMA[i] = new 1Tmage() : 
ANTMA [1] .Src = "1image" + エ + ".d1E" : 
} 
Function anime1() { 


document . an1mat1on . SrC 
TmageSetA++ : 
iF( TmageSetA > 5) { 
TmageSetA = 1 : 
} 


ANTMA [ TmageSetA] .Sro : 


Function stop1 ( ) { 
で 1ear エ nte ェ Ya1 ( TnEerVarTD) : 
} 
ん ん こ ュ の 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR= "#FFFFFF "> 
*ー 定 時 間 ご と に 処理 を 繰り 返す <BR> 
ー ア ニメーション に スタ ー ト ・ ス トッ プ ポ タン を 付け る (setTnterVa1 ) <P> 
<TMG SRC="1mage1 .g1F" NAME="an1imation" ALT="Animation" 
BORDER=0 WTDTH="100" HETGHT="100"> 有 
<FORM> 
<TNPUT TYPE="button" VALUE=" スタ ー ト " onC1iok=" TnterVa 
TD=getTnterva1( 'anime1() ',500) "> 内 
<TNPUT TYPE="button" VALUE=" ス トッ プ " onC1ick=" stop1 ( ) "> 
< く /FORM> 
</ BODY> 
</ HTML> 


上 | setTimeout(0 一 「Window オ ブ ジ ェクト 」 の 「 ス テー タス 行 に 文字 を 流す 」:P.28g 参 照 
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上 l… の = 


ブ ブ ジ ェクト 名 .captureEvents (Event . イベ ント 人 タイプ | Event. イ ベン トム 
タイ プ | ・.) [メソッド] 


【 サ ポー ト し て いる オブ ジェ クト 】 
window・document オ ブ ジ ェクト 


* カ ー ソ ル の 位置 を 取得 する 


x 連 PBO4 。 N 
y 連 他 





* カ ー ソ ル の 位置 を 取得 する 


x 軸 : 婦 0 
y 起 要 。 


「captureEyents()] メ ソ ッ ド は 、 取 得 し た い イ ベン ト を 設定 する こと が で きま す 。 
複数 の イベ ント を 設定 し た い 時 は 、「window.captureEyents(Eyent イ ベン ト タ イプ | 
Event. イ ベン ト タ イ プ | …)」 と 記述 し ます 。 

サン プル で は 、[|captureEvents()」 で 設定 し た 時 に の み 使 用 可能 な イベ ント MouseMove 
を 設定 し て 、 マ ウス カー ソル が 移動 する た びに カー ソル の 位置 を 取得 し 、 フ ォ ー ム 
に 書き 出し て いま す 。 

イベ ント タイ プ の 記述 は 、 サ ンプ ル の よう に [MOUSEMOVE」 と 記述 し て くだ さい 。 
「MouseMove] と いう よう に 小文字 を 混ぜ て 記述 する と 、 Macintosh 版 の Netscape 
Navigator4.x で は 正常 に 作動 し ます が 、Windows 版 の Netscape Navigator4.x で は 作 
動 し ませ ん 。 

JavaScript1.2 で 追加 され た メソ ッ ド で す 。 
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⑪? <HTML> 

<HEAD> 

<TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScr1p1 .2"> 

く ! ーー 

Eunction Cap(e) { 
document . forms [0] .e1ements [0] .value = e.pageX: 
document . forms [0] .elements [1] .value = e.pageY: 
eurn 上 YUG: 


Ni 
べ 


window .CaptureEveng (Even .MOUSEMOVE) : 
OnMouSseMOoVe=CaD : 

//ーー テ > 

</ SCRTPT> 

</HEAD> 

<BODY BGCOLOR="#FFFFFF"> 

* カ ー ソ ル の 位置 を 取得 する <P> 

<FORM NAME= "ECAP"> 

X 軸 : <TNPUT TYPE="tex 上 " NAME="ecap" STZE=10> 
< く BR> 

Y 軸 : <TNPUT TYPE="text" NAME="ecap" STZE=10> 
< く /FORM> 

</ BODY> 

</ HTML> 





上 onMouseMoveー リ ファ レン ス 「 イ ベン ト タ イ ブ 」 の 「MouseMove」:P.55 1 参照 
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ブ ブ ジ ェクト 名 .hand1eEvent (Event . イベ ント タ ア イプ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト (配列 ) 
すべ て の オブ ジェ クト 







ォ イ ベン ト を 引き 渡す 


Homes N 





】 「handleEyent0] メ ソ ッ ド は 、 取得 し た イベ ント を 、 人 他 の オプ ジェ クト に 引き 渡し ます 。 
月 鹿 イベ ント を 取り 扱う すべ て の オプ ジェ クト で 使用 可能 な メソ ッ ド で す 。 
サン プル で は 、 関 数 [Cli()] の 中 で 、「window.documenrinks[0].handleEyent(c)」 に 
よっ て リン ク 内 に 設定 し て し て いる 「onClick="CIi2()"] に イベ ント を 引き 渡し 、 関 数 
「Cli20」 を 発生 させ て いま す 。 
今 の 状態 で は 、 関 数 [Ci()] 内 で 設定 し た 警告 用 の ダイ アロ グ ボ ックス が 開い た 後 、 
関数 [Ci2()] で 設定 し た 警告 用 の ダイ アロ グ ボ ックス が 開き ます 。 [CIi)」 内 の [alcrt(」 
と 「handleEvent()」 の 設定 の 順番 を 逆 に する と 、[Cii2()」 の 評価 が [CIi()」 内 で 設定 し 
た 警告 用 の ダイ アロ グ ボ ックス が 開く 前 に 発生 する の で 、 ダ イア ログ ボッ クス が 開 
く 順 番 が 逆 に な り ま す 。 
「capuureEyents(0] メ ソ ッ ド で の イベ ント タイ プ の 記述 は 、 サ ンプ ル の よう に [「CLICKI 
と 記述 し て くだ さい 。[Click] と いう た よう に 小文字 を 混ぜ て 記述 する と 、Macintosh 
版 の Netscape Navigaror4.x で は 正常 に 作動 し ます が 、Windows 版 の Netscape 
Navigator4.x で は 作動 し ませ ん 。 
JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


| (sdeossN) ひ い 還 涯 る 藻 


526 複数 の オブ ジェ クト で 使用 する プロ バテ ィ ・ メ ソ ッ ド 


<HTML> 
の <HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
て! ーー 
Function C1i(e) { 
a1ert ("この ペー ジ の リン ク は 現在 機能 * し ませ ん ! ! " ) : 
window .document .1inks [0] .hand1eEyent (6) : 
て eturn fa] Se: 
| 
function C112() { 
aler (" 申 き し 訳 あ り ま せん m(_ _)m、 も うし ば らく お 待ち くだ さい ! ! " ) : 


ェ エ eurn 人 上 エ UG: 








} 

window . CaptureEvents (Event .CLTCK) : 
onC1 icjkk=C]1i 

7/ ニ ー ァ 

</ SCRTPT> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFEFE"> 

* イ ベン ト を 引 き 渡す <P> 

<A HREF=" ../../home.htm1" onC1ick="C112 ( ) ">Home へ . . .</A> 
</ BODY> 

</HTML> 








上 onClickー リ ファ レン ス 「 イ ベン ト タ イ プ 」 の [Click」 :P.550 参 照 


則 (sdeosieN) ひ *t 男 涯 る 癌 
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上 l……" や 


ブ ブ ジ ェクト 名 .re1easeEvents (Event . イベン ムタ イブ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト (配列)】 
window・document・Iayer オ ブ ジ ェクト 


ォ イ ベン ト を 解放 する 
> 作成 中 ) 


home 








「releaseEvents()]」 メ ソ ッ ド は 、 指 定 し た イベ ント を 解放 し ます 。 

サン プル で は 、 リ ンク の 中 に 「onMouseOutl」 の イベ ン ト を 設定 し て いる の で す が 、 

この イベ ント は 、1 度 ウィ ンド ウ が クリ ッ ク さ れ て 関数 [Cli()」 が 発生 し 、 関 数 内 
「releaseEyents(Eyent.MouseOu0」 に よっ て イベ ント が 解放 され る まで は 評価 され ま 
せん 。 

つま り 、 リ ンク が クリ ッ ク さ れる まで は 、 マ ウス カー ソル が リン ク の 上 に 乗っ て も 、 

外れ て も 何 も 起 こら な い の で す 。 と ころ が 、1 度 リン ク が クリ ッ ク さ れる と 、 そ れ 
以降 は リン ク 上 か ら マ ウス カー ソル が 外れ る と イベ ント が 発生 し 、 警 告 用 の ダイ ア 
ログ ボッ クス が 開く よう に な り ま す 。 

サン プル は 、Macintosh 版 の Netscape Navigator4.x で の み 動 作 が 確認 され て いま す 。 

JavaScripr1.2 で 追加 され た メソ ッ ド で す 。 


< く HTML> 

<HEAD> 

<TTTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaSorip 上 1 .2"> 

マリ ーー 

function C1i(e) { 
w1ndow.re1easeEYents ( 下 vent . MouseOut) 
て Gturn 上 UG: 

} 

Function Mou() { 
a1er (" 申 \ し 訳 あ り ま せん m (_ _)m、 現 在 リ ンク が 切れ て いま す ! !") : 
Gun 人 七 エ UG : 

} 

window . captureEvens (Event .C1ick) : 

OnC]1 1ck=C]1 

が / ニ ー> 


528 複数 の オブ ジェ クト で 使用 する プロ バテ ィ ・ メ ソ ッ ド 


</ SCR エ PT> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* イ ベン ト を 解放 する <P> 

<A HREF= "htp : / /" onMouseOu= "Mou ( ) ">home へ . . . (作成 中 ) </A> 
</ BODY> 

</ HTML> 








上 lonClick つ リファレンス 「 イ ベン ト タ イ プ 」 の 「Click」 :P.550 参 照 
有 l 了 onMouse0ut* リ ファ レン ス 「 イ ベン ト タ イ プ 」 の 「Mouse Out」:P.55 1 参照 


ソー ス を コピ ー す る 時 の 注意 

JavaScript は 、 ソ ー ス コー ド を 直接 HTML フ ァイル に 書き 込む た め 、 比較 的 簡単 に 
ソー スコ ー ド を 見 る こと が で きま す 。 こ れ は 、 Internet 上 に 数 多く 公開 され て いる コピ ー 
フリ ー の JavaScript の ソー ス を 、 簡 単に 見 る こと が で きる と いう こと な の で 、Java 
Script を 勉強 する 上 で 非常 に 有意 義 ぐ で 、 こ の こと は JavaScript の 大 き な 魅 力 の 1 つ で 
も あり ます 。 

し か し 、Netscape Navigator3.0 以 上 の バー ジョ ン の ブラ ウザ で 、「 表 示 」 メ ニュ ー 
の 「 ペ ー ジ の ソー ス 」 を 使用 し て ソー スコ ー ド を 見 よう と し た 場合 、 そ こ に 表示 され る ソー 
スコ ー ド は 、 正 確 で は な い 場 合 が あり ます 。 

例え ば 、 次 の スク リプ ト を 実行 し た 時 、 


<SCRTPT 1anguage= "JavaScr1p 上 "> 
document .write(" 今日 は !!" ) 
</ SCRTPT> 


「 ペ ー ジ の ソー ス 」 で 表示 され る ソー ス は 、JavaScript の コー ド 部 分 が な く な り 、 次 の よ 
うに な る 場合 が あめ り ます 。 





今日 は ! ! 


また 、 これ と 同じ よう な 例 で 、 特殊 フォ ント の [SIt:] や [&lg:」 も 、 | <] や 「>」 と な り ま す 。 

この よう に 、 ど う や ら 「 ペ ー ジ の ソー ス 」 で 表示 され る ソー ス は 、HTML フ ァイル の 内 
容 そ の まま で は な く 、 ブ ラウ ザ に 一 日 読 み 込ま れ て 評価 され た 結果 の HTML の よう で す 。 

この 問題 を 回 避 し て JavaScript の ソー ス を 正確 に 見 る に は 、 ブ ラウ ザ の 設定 で Java 
Script の 実行 を 一 旦 中 止 し て か ら ペ ー ジ を 読み 込み 、 ペ ー ジ の ソー ス を 表示 する よう に 
すれ ば 大 丈夫 で す 。 
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チ ナブ ジェ クト 名 .routeEvent (Event . イベ ント ムタ イプ ) [メソ ッ ド ] 


【 サ ポー ト し て いる オブ ジェ クト 】 
window ・document・layer オ ブ ジ ェクト 








ォ 同 じ 階層 の イベ ント を 取得 する 






| roureEvent0] メ ソ ッ ド は 、 「caprureEyents()] で 取得 し た の と 同じ イベ ント を 返し ます 。 

朋 呈 サン プル で は 、[「routeEyent(e)」 が 、 マ ウス ボタ ン が 離さ れ た 時 に 取得 され た イベ ン 
ト と 同等 の イベ ント を 返し ます 。 

JavaScript1.2 で 追加 され た メソ ッ ド で す 。 


RW <HTML><HEAD><TTTLE></TTTTLE> 
SCRTPT LANGUAGE= "JavaScript1 .2"> 


< 
の SS 山 富 こ 
function fun1(e) { 
a1er ("document 上 は " + e.type + " の イベ ント を 取得 し まし た 。 次 に 
routeEvent 上 か ら イ ベン ト を 返し ます 。" ) : 』 
document .routeEvent (6): 
a1ert ( "routeEven 上 か ら イ ベン ト を 受け 取り まし た 。" ) : 
Gurn 上 了 UG: 
} 
document . CaptureEvens (Event . onMouseUp) : 
document . onMouseUp=fFun1 : 
//-ー テ > 
</ SCRTPT> 
</ HEAD> 
<BODY BGCOLOR= "#FFFFFF"> 
* 同 じ 階層 の イベ ント を 取得 する <P> 
</BODY></HTMTL> 


| (sdgosJeN) ひ et 胃 る 藻 話 








上 lonMouseUp て リフ ァ レ ンス 「 イ ベン ト タ イ プ 」 の 「MouseUp」:P.552 参 照 
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gsNaN( ) [ビル トイ ン 関 数 ] 


* 数 値 か どう か を 調べ る 
名 lse 


true 





[isNaN0] メ ソ ッ ド は 、 あ た えら れ た 値 が 数 値 か どう か を 調べ ます 。 


』】 値 が 数 値 の 場合 は [名 se] を 、 数 値 で な い 場合 は [true」 を 返し ます 。 


Netscape Navigator3. ぶ 以前 の UNIX 版 以外 の プラ ウザ で は 、 機能 し な い 場 合 が あり 
ます 。 


<HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

< く /HEAD> 

<BODY BGCOLOR= "#FFFFFEF"> 
* 数 値 か どう か を 調べ る <P> 
<8CRTPT LANGUAGE= "JavaSor1p キ "> 
Sa っ 

Var n = 1.23: 

Var m = "Moz1i": 

document .write(igNaN(n ) ) : 
document .write ("<BR>" ) : 
document .write(isNaN(m) ) : 
//ーー ニ ロジ 

</ SCRTPT> 

</ BODY> 

</HTML> 








ビル トイ ン 関 数 (top-level 関数 ) 


昌 の st 胃 涯 る 鞍 


| の ト 還 当 4 著 


isFinite( ) [ビル トイ ン 関 数 ] 












* 有 限 数 か どう か を 調べ る 


true 
ね lse 
true 





[isSFinite0] メ ソ ッ ド は 、 与 えら れ た 値 が 有限 数 か どう か を 調べ ます 。 

も し も 値 が 有限 数 の 場合 は 「true] を 、 そ う で な い 場 合 は 「 介 sc] を 返し ます 。 

サン プル で は 、 有 限 数 で ある 「1.23] と 無限 大 を 表す 数 値 | finiy] を 、「isFinite() 」 使 っ 
て 評価 し て いま す 。「!m」 は 、「Infiniryl で は な い 、 と いう こと に な る の で 「rrue」 の 値 
が 返り ます 。 

JavaScript1.3 で 追加 され た ビル トイ ン 関 数 で す 。 


<HTML> 

<HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 有 限 数 か どう か を 調べ る <P> 

<SCRTPT LANGUAGE= "JavaScript1 .3"> 
ベ 由 ==ー 

Va m = 1.23: 

var m = Tnfin1ity: 
document . Write (も sg『in ふ te(n) ) : 
documen .write ("<BR>" ) : 
documen .Wr1te (は SsW ミ nite(m) ) : 
document .wrie ("<BR>" ) : 
document .wr1Ee (Tni モ e( !m) ) : 
7 ニー 

< く /SCRTPT> 

</ BODY> 

</ HTML> 
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* 又 字 列 を 整数 に 変換 する 





解 「parseInt0」 メ ソ ッ ド は 、 文 字 列 を 整数 に 変換 し ます 。 
計 小数点 以 下 は 切り 捨て られ 、 数 値 で な い 場 合 は 「NaN] を 返し ます 。 


加 <HTML> 

< く HEAD> 

<TTTLE></TTTLE> 

</HEAD> 

<BODY BGCOLOR="#FFFFFEF"> 

* 文 字 列 を 整数 に 変換 する <P> 

<SCRTPT LANGUAGE= "JavaSCr1pt 上 "> 

0 ろ 

var n = "1.234" 

var m = "0.777" 
document .Wr1te (parse エ nt (n) ) 
document .write ("<BR>" ) 
document .write (parSse エ Tn (m) ) 
document . write ("<BR>" ) 
document . write (parge エ nt (n ) +pa エ BeTn (m) ) 
document . write ( "<BR>" ) 








document .wr1te(parseF1oat ( "文字 と いっ て も これ だ と . . .") ) 

が / ニ ニニ 角 
</SCRTPT> 四 
</BODY> 肖 
</HTML> す 
る 

aaa 

= 
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parseF1oat ( ) [ビル トイ ン 関 数 ] 


* 文 字 列 を 浮動 小数 点数 に 変換 する 


1.234 
0777 
2.011 
NaN 





「parseFloar)」 メ ソ ッ ド は 、 文 字 列 を 浮動 小数 点数 に 変換 し ます 。 
「parseInt0] メ ソ ッ ド (前 項 ) と 違い 、 少 数 点 以下 は 切り 捨て られ ませ ん 。 数値 で な い 
場合 は [NaN] を 返し ます 。 





2 <HTML> 

< く HEAD> 

<TTTLE></TTTTLE> 

</HEAD> 

<BODY BGCOLOR= "#FFFFFEF"> 

* 文字 列 を 浮動 小数 点数 に 変換 する <P> 

<SCRTPT LANGUAGE= "JavaSCr1p キ "> 

[ニー ニー 

Var n = "1.234": 

Var m = "0.777『: 
document . Write (parseFr1oat (n) ) : 
document .write ( "<BR>" ) : 
document .write (pargseF1oat (m) ) : 
document . write ( "<BR>" ) : 
document .write (pargeF1oat (n ) +parseF1oat (m) ) : 


時 document .write ( "<BR>" ) : 
で document . write (parse『1oat( "文字 と いっ て も これ だ と . . .") ) : 
利 ーー* 
用 </SCRTPT> 
す < く / BODY> 
</HTML> 
WSE 寺 
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escape( ) [ビル トイ ン 関 数 


* 文 字 を ASCI 形 式 (URL 形式 ) に 変換 する 












* 文 字 を ASCI 形 式 URL 形 式 ) に 変換 する 





字 を 実 換 す る = 
文字 を 変換 する = 


| 









に に | 


間 


解 [escape0」 メ ソ ッ ド は 、 文 字 を ASCII 形 式 の 文字 に 変換 し ます 。 
月 鹿 サン プル で は 、 上 の フォ ー ム に 文字 を 入力 し て 「 変 換 ! 中 ボタ ン を 押す と 、 下 の フォ ー 
ム に ASCII 形 式 に 変換 され た 文字 が 表示 され ます 。 


① <HTML><HEAD><TTTLE></TTTLE> 

<SCRTPT LANGUAGE= "JavaScCr1p ヒ "> 

で りー ニー 

function dec1 (C1 ) { document . Out1 .Decode1 .value = escape 
(C1 . Tnput1 .va1ue) } 表 
6 で コウ 

< く / SCRTPT> 

く /HEAD> 

<BODY BGCOLOR= "#FFFFFF"> 

* 文 字 を ASCTT 形 式 (URL 形式 ) に 変換 する <P> 

<FORM NAME= "Tn1 "> 

<TEXTAREA NAME=" Tnput1" ROWS=5 COLS=50></ TEXTAREA><P> 
<TNPUT TYPE="button" VALUE=" 変換 !!" onC1ick="dec1 (this . Form) "> 
< く TNPUT TYPE=reset VALUE="C1ear "><P> 

く /FORM> 

<FORM NAME="Out1" > 

<TEXTAREA NAME= "Decode1 " ROWS=5 COLS=50></ TEXTAREA><P> 
<TNPUT TYPE=reset VALUE="C1ear"> 

< く /FORM> 

< く /BODY> 

</HTML> 


複 

数 

1 

利 

用 

す 

る 
Pa 
E= ニ ーー 
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[ビル トイ ン 関 数 ] 






ォ ASCI 形 式 の 文字 を デコ ー ド する 





*ASOI 形 式 の 文字 を デコ ー ド する 


iu6587%u5B57Xu3092Xu5909Xo63DBXu3059Xu308B 
当 


le 


区 を 実 内 する 
当 


剛 





IXu6587Xu5657Xu3092Xu5909Xu83DBXu3059%u308B 引 






解 「unescape0] メ ソ ッ ド は 、ASCII 形 式 の 文字 を 文字 に 変換 し ます 。 
月 史 サン プル で は 、 上 の フォ ー ム に ASCII 形 式 の 文字 (フォ ー ム か ら 送ら れ て くる % 付 き 
の 文字 ) を 入力 し て | 変換! 川 ボ タン を 押す と 、 下 の フォ ー ム に 通常 の 文字 に 変換 され 
た 文字 が 表示 され ます 。 


<HTML><HEAD><TTTLE></TTTLE> 
の <SCRTPT LANGUAGE= "JavaScCr1p 上 "> 
1 ニー ニー 
function dec(C) { document . Out2 .Decode2 .Yalue = unescape 
(C. Tnput2 .Ya1ue) } 
ーーー 
</ SCRTPT> 
</HEAD> 
<BODY BGCOLOR="#FFFFFF "> 
*ASC エ 形式 の 文字 を デコ ー ド する <P> 
<FORM NAME=" Tn2"> 
<TEXTAREA NAME=" Tnput2" ROWS=5 COLS=50></ TEXTAREA><P> 
<TNPUT TYPE="button" VALUE=" 変 換 !!" onC1ick="dec (this .form) "> 
< く TNPUT TYPE="reset 上 " VALUE="C1ear"> 
く P> 
< く /FORM> 
< く FORM NAME="Out2" > 
<TEXTAREA NAME= "Decode2" ROWS=5 COLS=50></TEXTAREA><P> 
< く TNPUT TYPE=reset VALUE="C1ear"> 
</FORM>< / BODY></HTML> 
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taint ( ) [ビル トイ ン 関 数 ] 


JavaScript で は 、 セ キュ リティ の た め 、 通 常 は 別 の ウィ ンド ウ や フレ ー ム か ら プ ロ パ 
昌紀 ティ な どの 値 を 参照 で き な い よう に な っ て いま す 。「taint0] メ ソ ッ ド は 、 一 時 的 に 

その 規制 を 無効 に し ます 。 
参照 可能 に で きる の は 、 プ ロ パ テ ィ ・ 関 数 ・ オ プ ジ ェ クト な どの 値 で す 。 ま た 、 
「taint0] メ ソ ッ ド が 有効 な 状態 か どう か を 調べ る た め に は 、navigator オ プ ジ ェ クト 
の 「taintEnabled()」 メ ソ ッ ド を 使用 し ます 。 
[taint0]」 メ ソ ッ ド が 有効 な 時 の み 使 用 可能 な プロ パテ ィ と し て は 、document オ プ ジ ェ 
クト の [domain] プ ロ パ ティ ・histoyp オ プ ジ ェ クト の [currencl プ ロ パ ティ ・「next] プ 
ロ パ ティ ・「previouns] プ ロ パ ティ が あり ます 。 
JavaScript1.1 で 追加 され た ビル トイ ン 関 数 で す が 、Netscape Navigaror4.0 か ら は セ 
キュ リティ 対策 に Signed Script を 使う こと に な っ た た め 、JavaScript 1.2 で は 削除 さ 
れ ま し た 。 


untaint ( ) [ビル トイ ン 関 数 


[untaint0」 メ ソ ッ ド は 、「taint0」 メ ソ ッ ド に よっ て 一 時 的 に 別 の ウィ ンド ウ や フレ ー 
月 記 ム か ら 参 照 可 能 に な っ た プロ パテ ィ な どの 値 を 、 再び 参照 で き な い 状態 に 戻し ます 。 
Netscape Navigator3.0(JavaScriptl.1) で 追加 され た ビル トイ ン 関 数 で す が 、Netscape 
Navigator4.0 か ら は セキ ュ リ ティ 対策 に Signed Script を 使う こと に な っ た た め 、 
JavaScript1.2 で は 削除 され まし た 。 














"taint(" 及 び "untaint()'" は 、 通 常 の ブラ ウザ で は 機能 し ませ ん 。 
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1. JavaScript で 取り 扱え る 型 の 種類 


JavaScripr 内 で 取り 扱え る 値 の タイ プ は 、 次 の 通り で す 。 


文字 列 
ダ プ ルク ォ ー テ ーション マー ク 「["]、 ま た は シン 

グル クォーテーション マー ク 「'| で 囲ま れ た 文字 や 、 

数 字 。 

【 例 】"123" , "Moziretu" 


"文字 列 


以下 の 特殊 記号 も 文字 列 で す 。 











\b バッ クス ペー ス 

導 フォ ー ム フィ ー ド 
\n 改行 

半 キャ リッ ジリ ター ン 
1 ダラ 

\\ バッ クス ラッ シュ 
数 値 

・ 整 数 


8 進数 、10 進 数 、16 進 数 が 使え ます 。 

8 進数 は 0 か ら 始ま り 0 か ら 7 ま で で 表す 数 値 の こと 
を 、10 進 数 は 0 以外 か ら 始 まり 0 か ら 9 ま で で 表す 数 値 
の こと を いい ます 。16 進 数 は Ox から 始ま り 0 か ら 9 ま 
で の 数 値 と 、 そ れ に 続く 4 か ら f、 あ る い は A か ら F ま 
で の アル ファ ベッ ト で 表す 数 値 の こと を いい ます 。 


【 例 】 0514 , 156 , Ox11 


・ 浮動 小数 点数 
小数 点 を ピリ オド () で 表わし た 10 進 数 、 又 は と ある 
い は E を 使用 する 指数 が 使え ます 。 


【 例 】 3 .14 , 1.79E+308 


JavaScript で 取り 扱え る 型 の 種類 


論理 値 

値 を 比較 し た 時 、 そ の 比較 が 論理 的 に 考え て 正 し 
いか どう か の 値 。 

正しけれ ば 「 真 ] と な り 、 正 し く な い 場 合 は 「 偽 」 
と な り ま す 。 例え ば 、 「1==1」 は 正しい の で [ 真 ] と 
な り 、「1==2] は 正しく な い の で 「 偽 ] と な り ま す 
(「==」 に 関し て は 、 右 ペー ジ を 参照 )。 








true 真 の 値 
false 偽 の 値 
null 値 


プロ パテ ィ な ど に 値 が 定義 され て いな か っ た り 、 
何 も 設 定 さ れ て いな い 状 態 を 表し ます 。 
null 未定 義 、 何 も 設定 され て いな い 状態 








2. 演算 子 


JavaScripr で 使用 で きる 値 の 計算 や 、 比較 な ど に 用 いる 記号 は 、 以下 の 通り で す 。 






































算術 演算 子 代入 演算 子 
算術 演算 を する た め の 演算 子 。 右辺 の 値 を 左辺 に 代入 する 演算 子 。 
= 変数 に 値 を 代入 する x+=y 左辺 に 右辺 の 値 を 加算 し 結果 を 左辺 
+ 加算 こ 代入 (x=x+y と 同じ ) 
減算 又は 負 の 値 を 表す xーy 左辺 に 右辺 の 値 を 減算 し 結果 を 左辺 
* 系 算 こ 代入 (x=X-y と 同じ ) 
/ 除算 x=y 左辺 に 右辺 の 値 を 乗算 し 結果 を 左辺 
% 生 除 、 除 算 で 余り を 求め る こ 代入 (x=X*y と 同じ ) 
i 値 に 1 を 増やす (イン クリ メン ト ) xy 左辺 に 右辺 の 値 を 除算 し 結果 を 左辺 
較 値 か ら 1 を 引く ( デ ク リ メ ン ト ) こ 代入 (x=x/y と 同じ ) 
x%=y 左辺 に 右辺 の 値 を 除算 し 余り を 左辺 
イン クリ メン ト 、 デ クリ メン ト の 用 法 は 次 の 通り こ 代入 (x=x96y と 同じ ) 
で す 。 
y =Xf+ y に 値 を 代入 し て か ら x に 1 を 加え る 
y=Xー y に 値 を 代入 し て か ら x か ら 1 を 引く 文字 列 演算 子 
y=+tx X に 1 加え て か ら y に 値 を 代入 する 文字 列 の 連結 を 行う 演算 子 。 
y=ーX X か ら 1 引 いて か ら y に 値 を 代入 する * 文 字 列 A"+ [文字 列 Al と 「 文 字 列 Bl] を 連結 する 
"文字 列 B" 
a+= "文字 列 B"  a の 後に 「 文 字 列 ] を 追加 する 
比較 演算 子 
左辺 と 右辺 の 値 を 比較 し て 、 真 の 時 は 「rrue 」 の 、 
偽 の 時 は [flsc」 の 値 を 返し ます 。 ビッ ト 演 算 子 











== ザ X は y と 等 し い 

x=y x と y と は 等 し く な い 

X<Y x は y よ り 小さ い 

X<=V X は y よ り 小さ い が 等 し い 
X>y x は y よ り 大 きい 

Xp=Y X は y よ り 大 きい が 等 し い 
(javaScript1.3 で の 追加 分 ) 

X===Y x は y と 等 し い 。 形 の 変更 を 行わ な い 

X に =y x と y と は 等 し く な い 。 

形 の 変更 を 行わ な い 

論理 演算 子 


左辺 と 右辺 を 論理 演算 し 、 真 の 時 は 「truc ] の 、 偽 
の 時 は 「false] の 値 を 返し ます 。 





x&&y AND(x か つり ) 
xlly OH(x ま た は y) 
xiy NOT(x は y で な い ) 





値 を ビッ ト 単 位 で 演算 し ます 。 

コン ピュ ー タ は 、 文字 列 も 数 値 も すべ て ビッ ト 単 
位 (2 進数 ) で 処理 し て いま す 。 ビッ ト 演 算 子 は 、 値 を 
コン ピュ ー タ と 同じ よう に 、 ビ ッ ト 単 位 で 取り 扱う 





演算 子 で す 。 
ー ビッ ト の 反転 
& ビッ ト の 論理 積 (AND) 
| ビッ ト の 論理 和 (OR) 
^ ビッ ト の 排他 的 和 (XOR) 
<< ビッ ト の 左 シフ ト 
>> ビッ ト の 右 シ フト 
>>> ビット の 論理 右 シ フト 
<<= ビッ ト ご と の 左 シフ ト の 代入 
>>= ビッ ト ご と の 右 シ フト の 代入 
レッ ンー 論理 右 シ フト の 代入 


演算 子 
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neW 演 算 子 

オプ ジェ クト の イン スタ ンス を 作成 を 行う 演算 子 。 
オプ ジェ クト 名 = new オブ プ ジ ェ クト タイ プ 

( 値 1, 値 2, . . . 値 n) | 


楽 件 演算 子 

条件 式 が 真 (trruc) の 時 と false ( 偽 ) の 時 で 、 違 っ た 処 

理 を 行う 演算 子 。 
条件 式 ? xy 





条件 式 を 評価 し て 、 真 (true) の 時 は x 
の 、false ( 偽 ) の 時 は y の 値 を 参照 する 





カッ コ 、 そ の 他 
式 や 値 を 括る カッ コ や 、 オ プ ジ ェ クト や メソ ッ ド 
を 区 切る ピリ オド な ども 演算 子 で す 。 





旧 配列 の 添 番 を 括る 

() 値 や 数 式 を 括る 

6 オブ ジェ クト ・ プ ロ パ ティ メソッド 
を 区 切る 





typeof() 演 算 子 (JavaScript1.1) 
数 値 ・ 文 字 列 ・ 変 数 ・ オ プ ジ ェ クト な どの 型 (タイ 
ブ ) を 調べ る 演算 子 。 


【 例 】 
Var Suuz1 = 123 
Yar moz1 = "今日 は " 


var kye = nu11 

Var oday = new Date( ) 

Var kan = Db]ur 

document .write(typeof (suuzi) + | 
< く BR>" ) 

document .write (typeof (moz1 ) + "<BR>" ) 
document .write (typeof (kye) + "<BR>" ) 
document .write (typeoE (today ) + に 
<BR>" ) 

document .write(typeoEf (kan) + "<BR>" ) 
document .write (typeoF (muimi ) ) 


Void() 演 算 子 (JavaScript1.1) 
値 を 返さ ず に 式 を 評価 する 演算 子 。 


【 例 】 

<A HREF="]avascript : void (Kansuu ( ) ) "> 
この 文字 を クリ ッ ク す る と Kansuu ( ) が 発生 し ます 
</A> 


演算 子 


delete 演 算 子 (JavaScript1. ら ) 
指定 し た オプ ジェ クト ・ プ ロ パ ティ ・ 配 列 の 要素 
の 削除 を 行う 演算 子 。 
「delete」 の 処理 が 正常 に 行わ れ た 場合 、[undefined] 
と 「rrue] の 値 を 返し 、 そ う で な けれ ば 「 加 se] の 値 
を 返し ます 。 
delete オプ ジェ クト 名 
delete オプ ジェ クト 名 . プ ロ パ ティ 名 
de1ete 配列 名 [インデックス] 


サン プル で は 、[「delere] 演算 子 を 使っ て 「haireu 
[」 の 配列 の 要素 を 削除 し て いる の で 、 [documcnt 
-write()] で 書き 出さ れ た 結果 は 、「0 番 目 /1 番 目 //3 番 
目 ] と な り ま す 。 


【 例 】 

<SCRTPT LANGUAGE= "JavaScrip1 .2"> 
ニニ ニ 

hairetu= new Array ("0 番目 " , "1 番目 " , Jd 
"2 番目 " , "3 番目 " ) : 

delete hairetu[2] : 

document .write(hairetu.]Join("/") ) 
が / こ ーー ッ 

</SCRTPT> 


演算 子 の 優先 順位 
それ ぞ れ の 演算 子 に は 、 優 先 順位 が あり ます 。 
上 に 行く ほど に 優先 順位 が 高く な り ます 。 





(9M 
1) ーー ++ ーー typeoFfF void 
を / 玩 


ニ + ニ ー ニ メニ / ニ = 名 = ニ <<= >> ニ = >>>= &= へ = に 





JavaScript の 文字 列 型 と 数 値 型 の 区 別 は 、 非 常に 曖昧 で す 。 
例え ば 次 の スク リプ ト 場 合 、 本 当 な ら ば "2" は 文字 列 型 で 、 2 は 数 値 型 な の で 「false] に な る は ず な の で す 
が 、JavaScript1.8 以外 で は 「true」 の 値 を 返し ます 。 


<SCRTPT LANGUAGE= "JavaScr1pt"> 
で ニュ 

document .write("2" == 2) 

//--> 

</SCRTPT> 


この 時 に 注意 が 必要 な の は 、JavaScript 1 .2 で は 、 文 字 列 型 と 数 値 型 を 明確 に 区 別 す る こと で す 。 
例え ば 、 次 の スク リプ ト 場 合 は 「false] の 値 が 返り ます 。 


<SCRTPT LANGUAGE= "JavaScript1 .2"> 
と で ドー コ 

document .write("2" == 2) 

0 

</ SCRTPT> 


し か し 、 JavaScript 1. の で も 次 の 例 の よう に 文字 列 に -0 を 設定 する と 、 そ の 他 の バー ジョ ン の JavaScript 
と 同じ よう に 「true」 の 値 を 返す よう に な り ま す 。 


<SCRTPT LANGUAGE= "JavaScript1 .2"> 
で! ニー 


document .write(("2"-0) == 2) 
ニー レン 
</ SCRTPT> 


この よう に 、JavaSocript 1 .2 で 明確 に 区 別 さ れる よう に な っ た 文字 列 型 と 数 値 型 な の で す が 、Java 
Script 1.3 に な っ て 再び 、 そ れ 以 前 の バー ジョ ン の JavaScript の よう に 再び 区 別 さ れ な いよ うに な り ま し た 。 
例え ば 次 の スク リブ ト 場合 、 JavaScript 1.2 以前 の バー ジョ ン と 同様 に 「true]」 の 値 が 返り ます 。 


<SCRTPT LANGUAGE= "JavaScript1 .3"> 
ニニ 


document .wr1ite("2" == 2) 
7 ニシ 
</SCRTPT> 


これ は 、ECMAScript と 仕様 を あわせ る た めで す 。 

JavaScript 1 .3 で 、JavaScript1.2 の よう に 文字 列 型 と 数 値 型 を 区 別して 値 を 比較 し た い 場 合 は 、 
JavaScript 1 .3 で 新た に 追加 され た 演算 子 "===* や "==" を 使用 し ます 。 

例え ば 、 次 の よう に 値 の 比較 に "===" を 使用 する と 、JavaScript 1.2 の よう に 文字 列 型 と 数 値 型 を 明確 に 
区 別 し 、「false」 の 値 が 返り ます 。 


<SCRTPT LANGUAGE= "JavaScript1 .3"> 
で ーー 

document .wr1te("2" === 2) 

ん に ンー 

</ SCRTPT> 
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3. JavaScript の 命令 文 ( ス テー トメ ント ) 
JavaScripr1.0 及び JavaScripr1.1 で 使用 可能 な 命令 文 


ルー プ か ら 抜 ける (break) 

"for" や "while" な ど で 、 繰 り 返し (ルー プ ) 処 理 を 
行っ て いる 時 に 使用 し ます 。 

「 条 件 式 ] が 真 (ruc) の 時 、1 番 内 側 の ルー プ を 抜け 
ます 。 


[構文 


brerk: 


[記述 例 】 
for (1=1: ユ <=10: ュ ++) { 
document .write 1 
出し ます 。:" + ュ 1+ "回 目 " ) : 
1f (1==5) 
break : 
document .write ("で も . . .。<BR>" ) : 


























} 
document .write( "<BR>breajk が ある の で 
5 回 で ルー プ を 抜け ます 。<BR>" ) 


コメ ント 
JavaScript 内 に コメ ント を 書く 時 に 使用 し ます 。 
7 は 、 そ れ 以 降 の 1 行 が 、"/* "は 、 間 に 挟ま 
れ た 文字 列 が 、 コ メン ト と し て 扱わ れ ます 。 














[構文 
7/ 
7/ 


【 記 述 例 
// こ の 1 行 は コメ ント と な り ま す 。 


/* こ れ に 囲ま れ て いる 部 分 
は コメ ント と な り ま す 。* / 


処理 の スキ ッ プ (continue) 

"for" や "while" な ど で 、 繰 り 返 し (ルー プ ) 処 理 を 
行っ て いる 時 に 使用 し ます 。 

「 条 件 式 ] が 真 (true) の 時 、"condinue" 以 下 の 処 理 を 
飛ば し て 、 繰 り 返し 処理 を 続け ます 。 


[構文 


Continue: 


【 記 述 例 】 
for (=1: 1<=10: 1++) 【 
ュ 3 (==5) 
Continue: 
document .write ( "ご の 文章 を 10 回 書き 
出し ます :" + ュ + "回 目 で も . . .。<BR>" ) : 』 
} 
document .write( "<BR>continue が ある の 
で 5 回 目 が あり ませ ん <BR>" ) : 


繰り 返し 処理 (for 文 ) 
「 条 件 式 ] が 真 (ruc) の 間 、 処理] を 繰り 返し 行い 
ます 。 


























[構文] 
for (初期 値 : 条件 式 : 増減 式 ) { 処理 } 


【 記 述 例 ] 
For (1=1: 1<=4: ュ ユ + ォ +) 人 ( 

document .write ("この 文章 を 4 回 書き 出 
し ます 。:" + ュ + "回 目 <BR>" ) : 月 
} 


























JavaScript 内 で 「<!-HTML の コメ ント ->」 を 使っ て も 、 エ ラー に は な り ま せん 。 
し か し 、JavaScript を 無効 に し て いる 、 ある い は 未 対応 の ブラ ウザ で 見 る と 、 「<!-HTML の コメ ント ->」 
以下 の ソー スコ ー ド が 隠さ れず に 丸見え に な っ て し まい ます 。 


JavaScript の 命令 文 (ステ ー ト メン ト ) 


プロ パテ ィ ・ メ ソ ッ ド の 一 覧 (for..……in 文 ) 
「 オ プ ブ ジェ クト] 内 の プロ パテ ィ ・ メ ソ ッ ド を 「 変 
数 ] に 代入 し な が ら 順 番 に 取り 出し ます 。 


[構文 
for (変数 in オブ ジェクト) { 処理 } 


【 記 述 例 】 
For (var n in navigator) { 
document .write(n, "<BR>" ) : 


} 


関数 の 設定 (function) 

JavaScript で は 、 一 定 の 処理 手続 き を 「 関 数 ] と し 
て 設定 する こと が で きま す 。 

[fanction] の 後に 「 関 数 名 | と その 「 処 理 | を 記 
述 し 、 ペ ー ジ が 読み 込ま れ た タイ ミン グ や 、 イ ベン 
ト ハ ンド ラ に よっ て イベ ント が 発生 し た タイ ミン グ 
で 、 「 関 数 名 ] を 呼ぶ こと に よっ て 「 処 理 ] が 実行 さ 
れ ま す 。 

通常 、 関 数 の 設定 は 、HTML フ ァイル の 「<HEAD> 
<7HEAD>| タグ 内 で 行い ます 。 これ は 、 関数 が 設定 
され る 前 に 、「<BODY></BODY>」 内 で 設定 する | 関 
数 名 ] が 呼ば れる の を 防ぐ た めで す 。 


[, 引数 ] | 
【 記 述 例 】 


function kansuu(x,Y) { 
document .write( x +" た す " + | 
+ "は " + eva1(x+y) +" で す 。" ) : 
) 
kansuu(1 , 2 ) 


秒 件 分 岐 (if 文 ) 

「 条 件 式 ] が 真 (trrue) の 時 は 「 処 理 1]] を 行い 、 そ れ 
以外 の 時 は 「 処 理 2] を 行い ます 。 

「else] の 処理 が な い 時 は 省略 可能 で す 。 


[構文 】 
function 関数 名 ( [引数 ] 
引数 ]) { 処理 } 


[構文 

if (条件 式 ) { 処理 1 } 
e1se( 処理 2 } 

[記述 例 】 


var now = new Date() : 
var AMPM = now.getHours( ) : 


if (AMPM < 12 
write(" 午 前 ") } 
e1se { document .write( 拓 


) { document. J 


1 


値 の 代入 (var) 
変数 、 配列 、 オ プ ジ ェ クト な どの 宣言 を 行い ます 。 
[= 値 ] を 設定 すれ ば 、 「var 名 ] に その 値 が 代入 さ 
れ ま す 。 


[構文 

Yar var 名 [= 値 ] [..., var 名 [= 値 ] ] 
【 記 述 例 

Var ata1A =5: 

var aaiB =3: 

var ataiC =" た す ": 

document .wr1ite( ataiA + ataiC + 
ataiB + "は " + eva1 (ataiA+ataiB) + 
Mx: feB 


繰り 返し 処理 (while 文 ) 
「 条 件 式 ] が 真 (mu) の 間 、 処理 ] を 株 り 返 し 行い 
ます 。 


[構文 

while( 条件 式 ) { 処理 } 

【 記 述 例 

Yar 1 =1 

while ( ュ <=4 ) { 
document . write ( "この 議 章 を 4 回 書き 出 

し ます 。:" +1+ "回 目 <BR>" ) : 有 


ュ + オ : 


























} 


オブ ジェ クト の 省略 (with 文 ) 
「 オ プ ジ ェ クト 」] で 指定 し た オプ ジェ クト を 省略 し 
て 、 プ ロ パ ティ や メソ ッ ド を 使用 で きる よう に し ます 。 


[構文 
with (オブ ジェ クト ) { 処理 } 


【 記 述 例 】 

with (document) { 
write ( "この 文章 は 、document の <BR>" ) : 
write( "部 分 を 省略 し て いま す 。<BR>" ) : 
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戻り 値 を 返す (return) 
命令 文 内 で 値 を 返す 時 に 使用 し ます 。 
返す 値 が な い 時 は 不要 で す 。 


[構文 


return 値 


【 記 述 例 】 

<A HREF=" ../../home .htm1 "onMouse 
Over= "window . status=' ス テー タス 行 に 
メッ セー ジ が 出 ま す ' :return true"> こ の 文字 
の 上 に マウ スカ ー ソ ル を 持っ て くる と </A> 


オブ ジェ クト の 参照 (this) 
this( キ ー ワ ー ド ) の 後に 、 指 定 し た オプ ジェ クト を 
参照 し ます 。 
オプ ジェ クト は 、 継 承 関係 を 気 に す る こと な く 直 
接 指定 で きま す 。 


[構文 
this . オ ブ ジ ェクト 


【 記 述 例 】 

<SCRTPT LANGUAGE= "JavaScr1pt "> 

ニニ 

Eunction Namae(n) { alert(" 入力 さ 

れ た 名 前 は "+n+ "は で す ! !") } 

//-ーー テ > 

</ SCRTPT> 

名 前 を 入力 し て 下さ い <BR> 

<FORM NAME= "NAMAE"> 

<TNPUT TYPE="Text" NAME="namae" 
onB1ur="Namae (this .value) " value=""> 

</FORM> 


オブ ジェ クト を 作成 する 
(イン スタ ンス の 作成 )(new) 
ユー ザー 独自 の オプ ジェ クト を 作成 し た り 、 ビル 
トイ ン オ プ ジ ェ クト を 使用 する 時 は 、 new 演算 子 を 
使っ て 、「 オ プ ジ ェ クト 名 ] で 指定 し た 名 前 を 持っ た 
新た な オプ ジェ クト を 作成 し ます 。 


[構文 


オプ ジェ クト 名 = new オプ ジェ クト の 型 ( 値 ) 


【 記 述 例 】 
<SCRTPT LANGUAGE= "JavaSoCr1p ヒ "> 


ーー ピ 
1997 2 
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NewDay = new Date( "may 2, 
:00:00"): 


document . write (NewDay) : 
document . write ( "<BR>" ) : 
NewDay . setDate ( 23) : 
document . write (NewDay) : 
ババ ニニ ニテ 

</ SCRTPT> 


配列 の 作成 

"function MakeArray(n) |" か ら "reurn this "まで 
の 処理 で 配列 の 要素 を 入れ る 器 を 作り 、" 要 素 名 = new 
IMakeArray( 要 素数 ) "以下 で 配列 の 要素 を 流し 込み 、 
配列 を 作成 し ます 。 

作成 され た 配列 は 、" 要 素 名 [ 添 番 ]" で 希望 の 要素 を 
取り 出す こと が で きま す 。 

Netscape Navigator3.0(JavaScript1.1) か ら は 、 配 列 を 
扱う Array オ プ ジ ェ クト が 追加 され 、 も っ と 簡単 に 配 
列 を 作成 で きる よう に な り ま し た 。 また 、 Array オプ 
ジェ クト の 一 部 の 機能 は 、Netscape Navigator2.0 で も 
使用 可能 で す 。 詳 し く は 、「Array オ プ ジ ェ クト 」 の 「 曜 
日 を 表示 する (array オ プ ジ ェ クト を 使う )] (P.494) を 
参照 し て くだ さい 。 

【 記 述 例 】 は 、「Darc オプ ジェ クト ] の 「 曜 日 を 表 
示す る (P.434) の サン プル を 配列 を 使っ て 書き 直 
し た も の で す 。 


[構文 
function MakeArray(n) ( 
this.1ength =n : 
for (Var 1 = 0: 1 <= nz エ ++) 【 
this[i] = 0: 
} 
return his : 
} 
要素 名 = new MakeArray (要素 数 ) 
要素 名 [ 涼 番 ] = 要素 : 


【 記 述 例 】 

<HTML> 

<HEAD> 

< く TTTLE>ARRAY SAMPLE 1</ 呈 TTTLE> 

<SCRTPT LANGUAGE= "JavaScrip"> 

で りこ = ニーー 

Function MakeArray(n) { 
this.1ength =n : 
For (var 1 = 0: 1 <= nz i++) 【 

thts[i] = 0: 


ェ eturn hs : 


} 


youb1 = new MakeArray(7) : 
youb1 [0] = "日 ": 

youb1 [1] = "月 ": 

youb1 [2] = " 全 ": 

youb1 [3] = " 水 ": 

youb1 [4] = " 木 ": 

youb1 [5] = " 金 ": 

youbi [6] = " 土 ": 

Function gety () { document .write ( 
youbi [y] ) } 








ん / ョ コニシ 

</ SCRTPT> 

</HEAD> 

<BODY> 

* 配 列 を 使っ た 曜日 表示 <P> 

( 

<SCRTPT LANGUAGE= "JavaSc て ip 上 "> 
SS 凡 デ ニコ 

day = new Date(): 
gety (day .getDay( ) ) : 
ん /( ご ヘッ 

</ SCRTPT> 

) 

</BODY> 

</HTML> 


HTML を 配列 と し て 扱う 

リン ク や フォ ー ム な どの HTML の タグ は 、JavaScript 
の オプ ジェ クト と し て 取り 扱え る の と 同時 に 、 配列 
の 要素 と し て も 取り 扱え ます 。 

HTML フ ァイル に 記述 され て いる 、 そ れ ぞ れ の オ 
プ ジ ェ クト の 上 か ら 、 添 番 が [0].[1].[2].… と な る 配列 
の 要素 が 作成 され ます 。 そ れ ら の 要素 は "オプ ジェ ク 
ト の 配列 名 [ 深 番 ]" で 取り 扱う こと が で きま す 。 


[構文 
オプ ジェ クト の 配列 名 [ 番 ] 


【 オ ブ ジ ェクト の 配列 名 ] 

anchors , applets , e1emens , embeds , For 
ms, Frames , hisEtory, 1mages , 1ayers, 1in 
ks ,mineTypes, options,p1ugins 

( 各 配 列 に は 、 配 列 の 数 を 持っ た length プロ パテ ィ が 
あり ます ) 


【 記 述 例 】 
<HTML> 
<HEAD> 


<TTTLE>ARRAY SAMPLE 2</TTTTLE> 
<SCRTPT LANGUAGE= "JavaScr1p 上 "> 
で て 和 ニー ニテ 
function arr() { 
document . Forms [0] .e1ements [0] . 
value = "form の el1ements 配 列 [0] の 要素 " : 
document . Forms [0] .e1ements [1] . 
value = "Eorm の e1ements 配 列 [1] の 要素 " : 
document . Forms [0] .e1ements [2] . 
value = "Form の e1ements 配 列 [2] の 要素 " : 
document . forms [0] .e1ements [3] . 
value = "form の e1ements 配 列 [3] の 要素 " 
} 
// つ ご ロニ 
</ SCRTPT> 
< く /HEAD> 
<BODY onLoad="arr( ) "> 
*HTML を 配列 と し て 捉 う <P> 
<FORM NAME="ARRAY" > 
<TNPUT TYPE="Eex 上 " NAME="array1" | 
STZE=40> 
<BR> 
<TNPUT TYPE= "上 ex 上 " 
STZE=40> 
< く BR> 
<TNPUT TYPE="Eext" NAME="array1 「 
STZE=40> 
< く BR> 
< く TNPUT TYPE="text" NAME=" 0 
STZE=40> 
< く /FORM> 
</BODY> 
< く /HTML> 


NAME= "array1" 半 


JavaScript1.2 で 追加 され た 演算 子 


ラベ ル 

式 に ラベ ル を 設定 し て お く こ と に より 、 文 や for 文 、 
while 文 の よう な ルー プ 文 か ら 「break| や [continuc] 
で 抜け る 時 、 ラ ベル 名 を 指定 し て 明示 的 に 抜け る 場 
所 を 設定 する こと が で きま す 。 

【 記 述 例 】 で は 、 ま ず 変 数 [i] に 「4| の 値 を 、 変 
数 中 に 「2] の 値 を 代入 し て いま す 。 そ し て 、 ラ 
ベル 名 で 「checkiand) 」 と 名 前 を 付け た 正文 の 処理 
と 、 ラ ベル 名 で [checkj ] と 名 前 を 付け た 直文 の 処理 
を 用 意 し て いま す 。 も し 、 変 数 「k] の 値 が 「1] の 
時 は 、 条 件 式 「k==1] が 真 (true) と な り 、[break 
checkj 」 で 「checkj | の 処理 を 抜け る た め 、 そ の 下 
の [| と 変数 生 の 合計 を 出す 処理 を 行なわ ず に 、 
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[ 呈 が 実行 され ます 。 「k] の 値 が 「1] 以外 の 時 は 、 
[と 息 の 合計 を 出し た 後 「break checkiandj 」 で 
「checkiandj 」 の 処理 を 抜け る た め 、「 衣 | の 処理 は 
実行 され ませ ん 。 


[構文 ] 
ラベ ル 名 : 
式 
break ラベ ル 名 
continue ラベ ル 名 


【 記 述 例 
Var 1 ユ =4: 
Var ]=2: 
checkiand] 
if (4==1) ( 
document .write("k の 値 は "+ k+ 2 
SD 
document . write ("1 の 値 は "+ ュ エキ 2 
<br>" ) : 
check] : 
if (2==}]) 【 
document .write( "の 値 は " + ] + | 
RDG の とり 
FE (1==k) { break check] } 
document .write ("1 と ] の 合計 " + ( 
3 よ ]) よ 上 "<DY>") 5 
break checkiand] : 
} 
document.write( ュ + "リー リキ ゴゴ | 
= * (G=d) の <brz7) 


} 


繰り 返し 処理 (do while 文 ) 

do while 文 は 、 条 件 式 が 人 se( 偽 ) に な る まで 、 処 理 
を 繰り 返し 行なう よう な 場合 に 使用 し ます 。 

【 記 述 例 】 で は 、"i<10" が 人 se( 偽 ) に な る まで ji に 1 を 
加え な が ら 書 き 出し て いま す 。 


[構文 
do 処理 
whi1e (条件 式 ) : 


【 記 述 例 】 

Yar ユ =0: 

do { 
ュ + ニ 1 : 
document .write(1, "<BR>" ) : 
} whi1e (<10): 


JavaScript の 命令 文 (ステ ー ト メン ト ) 





スイ ッ チ (switch 文 ) 

switch 文 は 、 処 理 に ラベ ル を 設定 し 、 各 ラベ ル と 値 
を 参照 し 、 真 (true) に な る 処理 を 実行 し ます 。 こ の 時 、 
も し 真 (rrue) に な る ラベ ル が な い 場 合 は 、"defaul" の 
処理 を 実行 し ます 。 

【 記 述 例 】 で は 、 変数 il の 値 が 「Oranges] の 時 
に は 「 オ レン ジ は 1 個 100 円 で す 。] と いう 文字 が 、[i 
の 値 が Apples] の 時 は 「 り ん ご は 1 個 150 円 で す 。] 
と いう 文字 が 、document オプ ジェ クト の write() メ 
ソ ッ ド に よっ て 書き 出さ れ ま す 。 ま た 、[i| の 値 が 
「Oranges] で も 「Apples] で も な い 場 合 は 、「dcfaulr:」 
で 設定 し た 、13 行 目 の 「 申 し 訳 あ り ま せん 。 た だ いま 
品切れ で す 。| と いう 文字 が 書き 出さ れ ま す 。 


[構文 
Switch ( 値 ) { 
case ラベ ル A : 
処理 : 
break : 
case ラベ ル B : 
処理 : 
break: 


defau1t: 
処理 : 


【 記 述 例 】 
switch (1) { 
Case "Oranges" 
document .write(" オ レン 
ジ は 1 個 100 円 で す 。<BR>" ) : 』 
break: 














case "App1es" 
document .write(" 0 
は 1 個 150 円 で す 。<BR>" ) : 
break : 
defau1: 
document .write(" 2 
あり ませ ん 。 た だ いま 品切れ で す 。 " ) : 
} 
document . write ("な お 、 7 
含ま れ て お り ま せん 。<BR>" ) : 


4. イベ ント ハン ドラ 


ユー ザー や スク リプ ト に よっ て ペー ジ が ロー ド さ れ た り 、 オ プ ジ ェ クト が クリ ッ ク さ れ た り と いう よう な 、 
特定 の 動作 が 起こ っ た タイ ミン グ を イベ ント と いい ます 。JavaScript で は 、 イ ベン ト の 発生 を 取得 し 、 そ の タイ 
ミン グ で スク リプ ト の 実行 を 開始 する こと が で きま す 。 この イベ ント の 取得 を 行う 指定 を 、 イ ベン ト ハ ンド 


ラ と いい ます 。 


イベ ント ハン ドラ の 設定 は 、 そ の イベ ント ハン ドラ を 設定 可能 な オプ ジェ クト の 、HTML タ グ 内 に 記述 する 


こと に よっ て 行い ます 。 


JavaScripr で 用 意 き れ て いる イベ ント ハン ドラ と 、 そ の イベ ント ハン ドラ が どの よう な イベ ント を 取得 し 、 ど 


の オプ ジェ クト に 対応 し て いる か は 、 次 の 通り で す 。 


(avaScript1.1 一 ) 

画像 の 読み 込み が キャ ン セ ル さ れ た 時 の イベ ント 
を 取得 する イベ ント ハン ドラ 。 

画像 が 読み 込ま れ て いる 途中 に 、 プ ラウ ザ の ス 
トッ プ ボ タン を 押す な どの 動作 で 、 画像 の 読み 込み 
が キャ ン セ ル さ れ た 時 を イベ ント と し て 取得 し 、 設 
定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 
(avaScript1.0) 
未 対応 


(avaScriptl.1) 
Image オ プ ジ ェ クト 


(avaScript1.0 一 ) 

フォ ー カ ス が 、 フ ォ ー ム や ウィ ンド ウ か ら 離 れ た 
時 の イベ ント を 取得 する イペ ント ハン ドラ 。 
Text フ ォ ー ム な ど で マ ウス カー ソル が 点 減 し て い 
た り 、Radio フ ォ ー ム や Checkbox フ ォ ー ム が チェ ッ ク 
され て いた り 、 ウ ィ ン ド ウ が アク ティ ブ プ に な っ て い 
る な どの 状態 が 、 フ ォ ー カ ス が ある 状態 に な り ま す 。 
フォ ー ム を 移動 し た り 、 フ ォ ー カ ス が ある ウィ ン 
ドウ と は 別 ウ ィ ン ド ウ を クリ ッ ク す る こと な ど で 、 
フォ ー カ ス が 移動 し た 時 を イベ ント と し て 取得 し 、 
設定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(avaScript1.0) 

Select オ プ ジ ェ クト 
Text オ プ ジ ェ クト 
Textarea オ プ ジ ェ クト 


(0avaScriptl.1) 
Button オ プ ジ ェ クト 
Checkbox オ プ ジ ェ クト 
FileUpload オ プ ジ ェ クト 
frame オ プ ジ ェ クト 
Password オ プ ジ ェ クト 
Radio オ プ ジ ェ クト 
Reset オ プ ジ ェ クト 
Submit オ プ ジ ェ クト 
window オ プ ジ ェ クト 


(0avaScript1.0 一 ) 

フォ ー ム の 内 容 に 変化 が あり 、 フ ォ ー カ ス が 
フォ ー ム か ら 離 れ た 時 の イベ ント を 取得 する イベ ペン 
ト ハ ンド ラ 。 

Text フォ ー ム の 内 容 を 変更 し 、 他 の フォ ー ム に 移 
動 する こと な ど で 、 フ ォ ー カ ス が 移動 し た 時 を イベ 
ント と し て 取得 し 、 設 定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(avaScript1l.0) 

Select オ プ ジ ェ クト 
Text オ プ ジ ェ クト 
Textarea オ プ ジ ェ クト 


(avaScriprl.1) 
FileUpload オ プ ジ ェ クト 


(0avaScript1.0) 

ボタ ン や リン ク を クリ ッ ク し た 時 の イベ ント を 取 
得する イベ ント ハン ドラ 。 

Burton フ ォ ー ム や リン ク を クリ ッ ク し た 時 を イベ 
ント と し て 取得 し 、 設 定 し た 処理 を 実行 し ます 。 


イベ ント ハン ドラ 





547 





548 


JavaScript1.1 か ら 、"return false" と "false" を 返す 
と 、 リ ンク の 参照 な どの 通常 動作 を 中 止 で きる よう 
に な り ま し た 。 こ れ に より 、 リ ンク に この イベ ント 
ハン ドラ を 設定 し て 、JavaScript の 処理 の 一 番 最後 に 
"return false" を 返す よう に 設定 する こと で 、 リ ンク を 
クリ ッ ク し て も JavaScript の み を 実行 し 、 別 ペー ジ に 
移動 する な どの リン ク の 処理 を 行わ な いよ うに する 
こと が で きま す 。 


【 利 用 可能 な オブ ジェ クト 】 
(0avaScriptl.0) 

Burton オ プ ジ ェ クト 
Checkbox オ プ ジ ェ クト 
Link オ プ ジ ェ クト 
Radio オ プ ジ ェ クト 
Reset オ プ ジ ェ クト 
Submit オ プ ジ ェ クト 


avaScriptl.1) 
オプ ジェ クト の 追加 な し 


(0avaScriptl .1 一 ) 

ペー ジ や 画像 の 読み 込 エ ラー が 発生 し た 時 の イベ 
ント を 取得 する イベ ント ハン ドラ 。 

画像 読み 込み 時 に 、 リ ンク 切れ な ど で 画 像 の 読み 
込み が うま く 行 われ な か っ た 時 を イベ ント と し て 取 
得 し 、 設 定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(avaScript1.0) 
未 対応 


(avaScriptl.1) 
Image オ プ ジ ェ クト 
window オ プ ジ ェ クト 


(ullgelg! に ) 


(avaScript1.0 一 ) 

フォ ー カ ス が フォ ー ム や ウィ ンド ウ に あたえ られ 
た 時 の イベ ント を 取得 する イベ ント ハン ドラ 。 

フォ ー ム を 移動 し た り 、 フ ォ ー カ ス が な い ウ ィ ン 
ド を クリ ッ ク す る こと な ど で 、 フ ォ ー カ ス が 移動 し 
た 時 を イベ ント と し て 取得 し 、 設定 し た 処理 を 実行 
し ます 。 


イベ ント ハン ドラ 


【 利 用 可能 な オブ ジェ クト 】 
(0avaScript1.0) 

Selecc オ プ ジ ェ クト 
Text オ プ ジ ェ クト 
Textarea オ プ ジ ェ クト 


(0avaScript1.1) 

Burton オ プ ジ ェ クト 
Checkbox オ プ ジ ェ クト 
FileUpload オ プ ジ ェ クト 
frame オ プ ジ ェ クト 
Password オ プ ジ ェ クト 
Radio オ プ ジ ェ クト 
Reset オ プ ジ ェ クト 
Submit オ プ ジ ェ クト 
window オ プ ジ ェ クト 


(0avaScripr1.0 一 ) 

ペー ジ や 画像 が 読み 込ま れ た 時 の イベ ント を 取得 
する イベ ント ハン ドラ 。 

ペー ジ や 画像 の 読み 込み が 終了 し た 時 を イベ ント 
と し て 取得 し 、 設 定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(0avaScript1.0) 
window オ プ ジ ェ クト 


0avaScriptl.1) 
Image オ プ ジ ェ クト 


(avaScript1.1 一 ) 

マウ ス が 指定 され た 領域 か ら 離 れ た 時 の イベ ント 
を 取得 する イベ ント ハン ドラ 。 

リン ク に 設定 する こと に よっ て 、 マ ウス カー ソル 
が リン ク か ら 離 れ た 時 を イベ ント と し て 取得 し 、 設 
定 し た 処理 を 実行 する こと が で きま す 。 


【 利 用 可能 な オブ ジェ クト 】 
(0avaScripr1.0) 
未 対 応 


(0avaScript1.1) 
Link オ プ ジ ェ クト 
Area オ プ ジ ェ クト 


(avaScripr1.0 一 ) 

マウ ス が 指定 され た 領域 内 に 入っ た 時 の イベ ント 
を 取得 する イベ ント ハン ドラ 。 

リン ク に 設定 する こと に よっ て 、 マ ウス カー ソル 
が リン ク 上 に 乗っ た 時 を イベ ント と し て 取得 し 、 設 
定 し た 処理 を 実行 する こと が で きま す 。 


【 利 用 可能 な オブ ジェ クト 】 
(0avaScript1.0) 
Link オ プ ジ ェ クト 


(avaScriptl.1) 
Area オ プ ジ ェ クト 


(JavaScript1.1 一 ) 

フォ ー ム が リセ ッ ト さ れ た 時 の イベ ント を 取得 す 
る イベ ント ハン ドラ 。 

Reset フ ォ ー ム が 押さ れる な ど で 、 フ ォ ー ム の 内 容 
が リセ ッ ト さ れ た 時 を イベ ント と し て 取得 し 、 設定 
し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(JavaScript1.0) 
未 対応 


(0avaScript1.1) 
Form オ プ ジ ェ クト 


(JavaScript1.0 一 ) 

フォ ー ム の テキ スト 領域 が 選択 され た 時 の イベ ン 
ト を 取得 する イベ ント ハン ドラ 。 

Text フォ ー ム や Textarea フォ ー ム が 選択 され 、 
フォ ー ム へ の 入力 が 可能 に な っ た 時 を イベ ント と し 
て 取得 し 、 設 定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(0avaScriptl.0) 

Text オ プ ジ ェ クト 
Textarea オ プ ジ ェ クト 


(JavaScript1.1) 
オプ ジェ クト の 追加 な し 


(avaScripr1.0 一 ) 

フォ ー ム の Submic ボ タン が 押さ れ た と きた 時 の イ 
ベン ト を 取得 する イベ ント ハン ドラ 。 

Submirt ボ タン が 押さ れ 、 フ ォ ー ム の デー タ 送 信 が 
開始 され る 時 を イベ ント と し て 取得 し 、 設定 し た 処 
理 を 実行 し ます 。 

デー タ 送 信 の 処理 は javaScript の 処理 が 終了 する ま 
で 行わ れず 、JavaScript の 処理 で "return false" と " 介 se" 
を 返す と 、 デ ー タ 送信 の 処理 は 中 止 さ れ ま す 。 


【 利 用 可能 な オブ ジェ クト 】 
(avaScripr1.0) 
Form オ プ ジ ェ クト 


(avaScripr1.1) 
オプ ジェ クト の 追加 な し 


(avaScripr1.0 一 ) 

別 の ペー ジ に 移動 し た 時 の イベ ント を 取得 する イ 
ペン ドバンド ラ 。 

今 の ペー ジ を 抜け て 、 別 ペー ジ に 移動 し た 時 を イ 
ベン ト と し て 取得 し 、 設 定 し た 処理 を 実行 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
(avaScriptl.0) 
window オ プ ジ ェ クト 


0avaScriptl.1) 
オプ ジェ クト の 追加 な し 


イベ ント ハン ドラ 
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AVY で きこ 
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5. イベ ント タイ プ 


JavaScript1.2 か ら は 、 イ ベン ト を オプ ジェ クト と し て 捕 ら ちえ る event オ プ ジ ェ クト が 追加 され まし た 。 その 
た め 、 イ ベン ト を 取得 し た い オ プ ジ ェ クト に 対し て 取得 する イベ ント の タイ プ を 設定 する こと に よっ て 、 そ 
の オプ ジェ クト 上 の どこ で も イベ ント の 発生 を 取得 する こと が で きる よう に な り ま し た 。 

JavaScript で 設定 で きる イベ ント タイ プ と 、 そ の イベ ント タイ プ が 設定 で きる オプ ジェ クト 、 イ ベン ト タ イ 
プ で 取得 で きる 値 、 つ まり event オ プ ジ ェ クト の プロ パテ ィ は 、 次 の 通り で す 。 


ll【gi4 
マウ ス が クリ ッ ク さ れ た 時 の イベ ント を 取得 し ます 。 
"MouseDown" イ ベン ト と "MouseUp" イ ベン ト を 
合わ せ た も の 。 


【 利 用 可能 な オブ ジェ クト ] 
Button, Checkbox, Link、 Radio, Reser, Submir オプ 
ジェ ク ド 


【event オ ブ ジ ェクト の プロ バテ ィ で 使わ れ た 時 】 
tpe "Click" を 値 に 持つ 
ye ye イベ ント が 発生 し た 時 の カー ソル の 
Pa96X, Da9@ y X 軸 Y 軸 位置 を 値 に 持つ 


which 左 ボ タン の 時 は "1 "を 、 右 ボタ ン の 時 
は "3③" を 値 に 持つ 
modifiers 修飾 キー の 値 を 持つ 





button が クリ ッ ク さ れ て も 、layerX,layerY, pageX, 
PageYscreenXscreenY は 値 を 返し ませ ん 。 


DbIClick 


マウ ス が ダ プ ルク リッ ク さ れ た 時 の イベ ント を 取 
得 し ます 。 
Windows 版 と Macintosh 版 で 使用 可能 で す 。 


【 利 用 可能 な オブ ジェ クト 】 
document, Area, Link オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ バテ ィ で 使わ れ た 時 】 





type " DbIClick" を 値 に 持つ 
el le イベ ント が 発生 し た 時 の カー ソル の 
pageX pageY, に 

X Y X 軸 Y 軸 位置 を 値 に 持つ 


which 左 ボ タン の 時 は "1 "を 、 右 ボタ ン の 
時 は "3" を 値 に 持つ 
modifiers 修飾 キー の 値 を 持つ 
イベ ント タイ プ 


ウィ ンド ウ 上 に ファ イル や ショ ー ト カッ ト な ど を 
ドラ ッ グ アン ドド ロッ プ し た 時 の イベ ント を 取得 し 
ます 。 

イベ ント が 発生 し た 時 に true( 真 ) を 返せ ば ドラ ッ グ 
アン ドド ロッ プ を 許し 、falsc( 偽 ) を 返せ ば ドラ ッ グ ア 
ンド ドロ ッ プ の 動作 を 中 止 し ます 。 

Windows 版 の Netscape Navigaror4.x は 、 画 像 の ド 
ラッ グ ア ン ド ドロ ッ プ に 対応 し て いま せん 。 


【 利 用 可能 な オブ ジェ クト 】 
window オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ パテ ィ で 使わ れ た 時 】 





type "DragDrop" を 値 に 持つ 
data ドロ ッ プ され た ファ イル 等 の URL を 
返す 





ユー ザー が キー を 押し た 時 の イベ ント を 取得 し ます 。 

"KeyDown" イ ベン ト は "KeyPress" イ ベン ト よ り 前 
に 発生 し 、 も し る "KeyDown" イ ベン ト が 人 se( 偽 ) を 
返し た 時 は 、"KeyPress" イ ベン ト は 発生 し ませ ん 。 


【 利 用 可能 な オブ ジェ クト 】 


document, Image, Link、Textarea オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ パテ ィ で 使わ れ た 時 】 
type "KeyDown" を 値 に 持つ 
二 和 5 he イベ ント が 発生 し た 時 の カー ソル の 
PageX, 1 こ 
ME X 軸 Y 電 位置 を 値 に 持つ 
which 
modifiers 





押さ れ た キー の ASCII の 値 を 持つ 
修飾 キー の 値 を 持つ 





ユー ザー が キー を 押 た まま の 状態 に し た 時 の イベ 
ント を 取得 し ます 。 

"KeyDown" イ ベン ト が rrue( 真 ) の 値 を 返し た 時 の 
みみ イベ ント が 発生 し 、 ユ ー ザ ー が キー を 放す まで イ 
ベン ト は 発生 し 続け ます 。 


【 利 用 可能 な オブ ジェ クト 】 
document, Image、 Link,Textarea オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ バテ ィ で 使わ れ た 時 】 

type "KeyPress" を 値 に 持つ 

同 Y イベ ント が 発生 し た 時 の カー ソル の 
pa96Y, 居 

D896 yy X 電 Y 電 位置 を 値 に 持つ 


which 押さ れ た キー の ASCII の 値 を 持つ 
modifiers 修飾 キー の 値 を 持つ 
KeyUp 


ユー ザー が キー を 放し た 時 の イベ ント を 取得 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 


document, Image, Link、Textarea オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ パテ ィ で 使わ れ た 時 】 
type "KeyUp" を 値 に 持つ 

ke 半 イベ ント が 発生 し た 時 の カー ソル の 
pageX, pageY, に 

6 y X 軸 Y 軸 位置 を 値 に 持つ 


which 
modifiers 


ユー ザー が マウ ス ボ タ ン を 押し た 時 の イベ ント を 
取得 し ます 。 

も し も る "MouseDown" イ ベン ト が 公 se( 偽 ) を 返し た 
時 に は 、 選択 や リン ク の 参照 な どの 通常 動作 が 中 止 
され ます 。 


放さ れ た キー の ASCII の 値 を 持つ 
修飾 キー の 値 を 持つ 


【 利 用 可能 な オブ ジェ クト 】 


Burton, documentLink オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ パテ ィ で 使わ れ た 時 
type "MouseDown" を 値 に 持つ 
layerX, rna イベ ント が 発生 し た 時 の カー ソル の 
pageX, pageY, に 
RE X 軸 Y 軸 位置 を 値 に 持つ 


Which 詳 大 ボ タン の 時 は "1' を 、 右 ボタ ン の 
時 は "3" を 値 に 持つ 
イベ ント が 発生 し た 時 に 押さ れ た 修 


飾 キー の 値 を 持つ 


カー ソル が 動い た 時 の イベ ント を 取得 し ます 。 

"captureEvents()" メ ソ ッ ド で この イベ ント を 取得 す 
る よう に 設定 し て いる 時 の み 、 こ の イベ ント の 取得 
を 有効 に する こと が で きま す 。 


modifiers 





【 利 用 可能 な オブ ジェ クト 】 
な し 


【event オ ブ ジ ェクト の プロ バテ ィ で 使わ れ た 時 ] 
type "MouseMove" を 値 に 持つ 
ye he イベ ント が 発生 し た 時 の カー ソル の 
Da 。 Dad6Y, に 
0 y X 軸 Y 軸 位置 を 値 に 持つ 








オプ ジェ クト か ら マ ウス カー ソル が 離れ た 時 の イ 
ベン ト を 取得 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
Area, layerLink オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ パテ ィ で 使わ れ た 時 】 
type "MauseOut" を 値 に 持つ 
半生 イベ ント が 発生 し た 時 の カー ソル の 
pageX, pageY, こ 

6 X 軸 Y 軸 位置 を 値 に 持つ 


オプ ジェ クト に カー ソル が 乗っ た 時 の イベ ント を 
取得 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 
Area、layer,Link オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ バテ ィ で 使わ れ た 時 】 
type "MouseOver' を 値 に 持つ 
eee イベ ント が 発生 し た 時 の カー ソル の 
pageX, Dag6Y, 因 

Y X 軸 Y 軸 位置 を 値 に 持つ 
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MouseUp 

ユー ザー が マウ スポ タン を 放し た 時 の イベ ント を 
取得 し ます 。 

も し も る "MouseUp" イ ベン ト が flsc( 偽 ) を 返し た 時 
に は 、 選択 や リン ク の 参照 な どの 通常 動作 が 中 止 さ 
れ ま す 。 


【 利 用 可能 な オブ ジェ クト 】 
Button、 document,Link オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ バテ ィ で 使わ れ た 時 】 





ユー ザー、 又 は スク リプ ト に よっ て 、 ウ ィ ン ド ウ 
又は フレ ー ム が 動い た 時 の イベ ント を 取得 し ます 。 


【 利 用 可能 な オブ ジェ クト 】 


window、frame オ プ ジ ェ クト 


【event オ ブ ジ ェクト の ブロ バテ ィ で 使わ れ た 時 】 





type "Move" を 値 に 持つ 
screenX,ScreenY ウィ ンド ウ 、 又 は フレ ー ム の 左上 角 の 
位置 の 値 を 持つ 








type "MouseUp" を 値 に 持つ 
に ee layerY。 イベ ント が 発生 し た 時 の カー ソル の 
pageX, pageY 賠 

X y X 軸 Y 電 位置 を 値 に 持つ 


which 左 ボ タン の 時 は "1 "を 、 右 ボタ ン の 
時 は "3" を 値 に 持つ 

modifiers イベ ント が 発生 し た 時 に 押さ れ た 修 
飾 キ ー の 値 を 持つ 

イベ ント タイ プ 


ユー ザー、 又 は スク リプ ト に よっ て 、 ウ ィ ン ド ウ 、 
又は フレ ー ム の サイ ズ が 変更 され た 時 の イベ ント を 
取得 する 。 


【 利 用 可能 な オブ ジェ クト 】 


windowJframe オ プ ジ ェ クト 


【event オ ブ ジ ェクト の プロ パテ ィ で 使わ れ た 時 





type "Hesize" を 値 に 持つ 
width,height ウィン ドウ 、 又 は フレ ー ム の 幅 と 高 さ 
の 値 を 持つ 





も け 9 ビ ピゲ ー タ オプ ェクト ド 


navigator オ ブ ジ ェクト 

プラ ウザ の ユー ザー エー ジェ ント や アプ リ ケ ー 
ショ ン 名 、 バ パー ジョ ン な ど 、 プ ラウ ザ 固 有 の 情報 を 
提供 する オプ ジェ クト 。 

通常 、 サ ー バ ー 側 で 行わ れ て いる ユー ザー エー 
ジェ ント な どか ら プ ラウ ザ を 判断 し 、 そ の プラ ウザ 
に 最適 化 さ れ た Web ペ ー ジ を 表示 させ る な どの 処理 
を 、 ブ ラウ ザ 側 で 行う こと を 可能 に し ます 。 


[用法 】 
nav1gaOr .DrODe エ 上 Y 
navigator .method ( ) 


【 プ ロバ ティ 】 
(avaScriptl.0) 
appCodeName ブラ ウザ の コー ド 名 





appName ブラ ウザ の ブラ ウザ 名 
appVersion ” ブラ ウザ の バー ジョ ン 
userAgent ブラ ウザ の ユー ザー エー ジェ ント 


(avaScriptl.1) 
mimeTypes 
plugins 


MIME タ イプ 配列 (オブ ジェ クト ) 
ブラ グイ ン 配 列 (オブ ジェ クト ) 





(JavaScript1.2) 

















language ユー ザー が 選択 し た 言語 

platform ユー ザー の プラ ッ ト ホ ー ム の タイ ブ 
ば ぱ ソ ッ ド 】 
(avaScript1.0) 

eval() 文字 列 を 数 値 に 変え る 

1oString() オブ ジェ クト を な 文字 列 に 変え る 
(avaScriprl.1) 

javaEnabled() Java が 使え る か 

taintEnabled() 外部 か ら の プロ パテ ィ 参 照 を 許可 し 

て いる か どう か 

ValueOf() オブ ジェ クト の 値 を 返す 
(avaScript1.3) 

toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
な し 


4 に に と ポッ ル た アホ ョ 4 N(: 川 ) 

(ENV/ た に ol 和則 に う ) 
プラ ウザ で 使用 で きる 使用 MIME タ イプ の 配列 を 

作成 する 、navigartor オ プ ジ ェ クト の プロ パテ ィ 。 





【 用 法 】 
navigator .mimeTypes [プン デック ス ] .pro 
per 上 Y 


【 プ ロバ ティ 】 
(avaScript1.0) 
未 対応 


(avaScriptl.1) 


description 
enablePlugin 


MIME タ イフ の 詳細 

ブラ グイ ン を 使う た め の 名 前 
length MIME タ イプ の 数 

suffixes MIME タ イプ の 拡張 子 

type MIME タ イプ 名 


メソッド 】 
0avaScript1.0) 
未 対応 


(avaScript1.1) 
な し 


【 イ ベン ト ハ ンド ラ 】 
な し 


に と アル た コン AM( じ 省 ) 





QEN/ に に glu 邊 開 に う )】 

プラ ウザ に イン スト ー ル され て いる 使用 可能 な プ 
ラグ イン の 配列 を 作成 する 、navigarcor オ プ ジ ェ クト の 
プロ パテ ィ 。 


[用法] 
navigator .p1ugins [プン デック ス ] .prope 
ェ tY 


【 プ ロバ ティ 】 
(avaScripr1.0) 
未 対応 
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(JavaScript1.1) 














description プラ グイ ン の 詳細 
filename ブラ グイ ン の ファ イル 名 
length プラ グイ ン の 数 
name プラ グイ ン の 名 前 
【 メ ソ ッ ド 】 
(avaScript1.0) 
未 対応 
(JavaScript1.1) 
refresh() プラ グイ ン 配 列 の リフ レッ シュ 
【 イ ベン ト ハ ンド ラ 】 
な し 


ScreBen オ ブ ジ ェクト (JavaScript1.2~) 
ディ スプ レイ に 関す る 情報 を 提供 する オプ ジェ クト 。 


【 用 法 


Screen . DrODerty 


【 プ ロバ ティ 】 
(avaScript1.2) 





width ディ スプ レイ の 幅 ( ビ ピク セル ) 
height ディ スプ レイ の 高 さ ( ピ クセ ル ) 
availWidth タス ク バ ー な どの 部 分 を 除い た ディ 
スプ レイ の 幅 ( ピ クセ ル ) 
availHeight タス ク バ ー な どの 部 分 を 除い た ディ 
スプ レイ の 高 さ (ピク セル ) 
pixelDepth ディ スプ レン イ 深 度 (bits/pixel) 
colorDepth ディ スプ レイ 色 深 度 (mn ビッ トカ ラー) 
【 メ ソ ッ ド 】 
な し 
【 イ ベン ト ハ ンド ラ 】 
な し 


event オ ブ ジ ェクト (JavaScript1.2^) 
イベ ント の 情報 を 取り 扱う オプ ジェ クト 。 
タグ 内 に 設定 され た イベ ント ハン ドラ か ら だ け で 
な く 、 ウ ィ ン ド ウ 上 の どこ か ら で も イベ ント を 取得 
する こと が で きま す 。 


【 用 法 】 


GVen . DFODe ェ ty 


ナビ ゲー タオ ジジ ェクト 


【 プ ロバ ティ 】 
(avaScripr1.2) 








type イベ ント の タイ ブ 

layerX イベ ント が 発生 し た レイ ヤー 上 の X 
座標 (ビク セル ) 

layerY イベ ント が 発生 し た レイ ヤー 上 の Y 
座標 (ビク セル ) 

pageX イベ ント が 発生 し た ペー ジ 上 の X 座 標 
(ピクセル) 

pageY イベ ント が 発生 し た ペー ジ 上 の y 護 標 
(ピクセル) 

screenX イベ ント が 発生 し た ディ ス ブ レ イ 上 の 
X 座 標 (ビク セル ) 

screenY イベ ント が 発生 し た ディ スプ レイ 上 の 
Y 座 標 (ビク セル ) 

which マウ スポ タン が 押さ れ た り 、 押 され た 


キー の ASCII の 値 の 数 字 を 表す 





modifiers マウ ス 又 は キー イベ ント 発生 時 の モ 
ディ ファ イキ ー (修飾 キ ー) の 種類 (ALT 
_MASK.CONTROL_MASK.SHIFT 
_MASK.META_MASK) 

data DragDrop イ ベン ト が 発生 し た 時 の 、 
ドロ ッ プ され た オブ ジェ クト の URL 

【 メ ソ ッ ド 】 

な し 

【 イ ベン ト ハ ンド ラ 】 

全て の イベ ント ハン ドラ 及び イベ ント タイ プ 
window オ ブ ジ ェクト 


プラ ウザ 自身 や 、 ア ラー トウ ィ ン ド ウ な どの 各種 
ダイ アロ グ ボ ックス の 情報 を 提供 し た り 、 操作 を 行 
う オ プ ジ ェ ウツ ウト 。 

document オ プ ジ ェ クト 、frame オ プ ジ ェ クト 、histor 
y オ プ ジ ェ クト 、locarion オ プ ジ ェ クト な ど 、 多 く の オ 
プ ジ ェ クト を 含ん で いま す 。 

最上 層 の オプ ジェ クト な の で "window" は 省略 可能 
で す が 、"open()" や "close()" な ど 、 他 の オプ ジェ クト 
と 同じ 名 称 の コマ ンド も ある の で 、 混 乱 を 避け る た 
め に も "window" を 記述 し た ほう が よい で し ょ う 。 

JavaScript1.2 か ら 、 ウ ィ ン ド ウ 自 身 の サ イズ や 表 
示 位 置 を 、 よ り 細か く 設 定 で きる よう に な り ま し た 。 


[用法 

Window . DrODe エ ty 
window .method ( ) 
Se1f .DrOpert 上 Y 
Se1 f .method ( ) 
toOD . DrODerty 

て op . methodN ( ) 


paren . DrODe エ 上 Y 
parent .method ( ) 
W1ndowVar .DrODertY 
windowVar .methodName( ) 























DFODG エ 上 Y 

method( ) 

【 プ ロバ ティ 】 
(avaScriptl.0) 

defaultStatuSs "デフォルト の ステ ー タ ス 行 の メッ セー ジ 
length ウィ ンド ウ 内 の フレ ー ム 数 

name ウィ ンド ウ の 名 前 

parent ウィ ンド ウ 内 の フレ ー ム の 親 フ レー ム 
self 現在 の ウィ ンド ウ 自 身 window と 同じ 
status ステ ー タ ス 行 の メッ セー ジ 

top 1 番手 前 に ある ウィ ンド ウ 

window 現在 の ウィ ンド ウ 自 身 。self と 同じ 
document document オ ブ ジ ェクト 

Frame(S) Frame オ ブ ジ ェクト 及び 配列 
history history オ ブ ジ ェクト 及び 配列 
location location オ ブ ジ ェクト 
(JavaScriptl.1) 

closed ウィ ンド ウ が 閉じ られ て いる 状態 
Opener open() で 開か れ た ウィ ンド ウ か ら 元 

の ウィ ンド ウ を 参照 する 

(avaScript1.2) 

innerHeight ウィ ンド ウ の 表示 領域 の 高 さ ( ピ クセ ル ) 
innerWidth ウィ ンド ウ の 表示 領域 の 幅 ( ビ ピク セル) 
locationbar ロケ ーション バー 

menubar ウィ ンド ウ の メニ ュー バー 
outerHeight ウィ ンド ウ の 外周 の 高 さ ( ピ クセ ル ) 
outerWidth ウィ ンド ウ の 外周 の 幅 ( ビ ピクセル) 
pageXOffset ウィ ンド ウ の XX 座標 の 位置 
pageYOffset ウィ ンド ウ の Y 座 標 の 位置 
personalbar ウィ ンド ウ の パー ソナ ル バ ー 
scrollbars ウィ ンド ウ の スク ロー ル バ ー 
statusbar ウィ ンド ウ の ステ ー タ スバ ー 
toolbar ウィ ンド ウ の ツー ル バ ー 

[メソ ッ ド 】 

(JavaScript1.0) 

alert() 警告 用 ダイ アロ グ ボ ックス を 開く 
clearTimeout() setTimeout メ ソ ッ ド の 停止 
close() ウィ ンド ウ を 閉じ る 

confirm() 確認 ボタ ン 付 き ダ イア ログ ボッ クス を 開く 
open() 新しい ウィ ンド ウ を 開く 

prompt() 入力 欄 付 き の ダ イア ログ ボッ クス を 開く 
setTimeout() ミリ 秒 単位 で 指定 し た 時 間 後 に 実行 する 
eval() 文字 列 を 数 値 に 変え る 


toString() オブ ジェ クト を 文字 列 に 変え る 


(avaScript1.1) 





blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を あたえ る 
scroll(() ウィ ンド ウ を スク ロー ル す る 
valueOf() オブ ジェ クト の 値 を 返す 





(avaScriptl.2) 
back() 1 つ 前 の URL に 進む 
disableExternal 外部 か ら の イベ ント キャ ブチ ャ を 無 
Capture 








効 に する 
enableExternal 異な っ た ロケ ーション (サー バー) か ら 
Capture の イベ ント キャ プチ ャ を 許す (Signed 
Script な ど と 合わ せ て 使用 する ) 
find() ウィ ンド ウ の 中 に 指定 し た 文字 列 が 
ある か (あれ ば true な けれ ば false) 
forward() 1 つ 先 の URL に 進む 
home() home に 指定 し た URL に 進む 
moveBy() ウィ ンド ウ を 移動 する (水平 方 向 と 垂 
直方 向 の 移動 量 を ピク セル で 指定 ) 
moveTo() ウィ ンド ウ を 移動 する (ウィ ンド ウ の 
左上 の 角 を 基準 に ビク セル で 指定 ) 
resizeBy() ウィ ンド ウ を リサ イズ する (底辺 の 角 
を 基準 に 水平 方 向 、 垂 直方 向 を ピク 
セル で 指定 ) 
resizeTo() ウィ ンド ウ を リサ イズ する (ウィ ンド 
ウ の サイ ズ を ピク セル で 指定 ) 
scrollBy() ウィ ンド ウ を スク ロー ル す る (ウィ ン 
ドウ の 表示 領域 の 水平 方 向 と 垂直 方 
向 に 対し て ピク セル で 指定 ) 
scrollTo() ウィ ンド ウ を スク ロー ル す る (ウィ ンド 
ウ の 左上 の 角 を 基準 に ピク セル で 指定 ) 
stop() 読み 込み を 中 止 する 


captureEvents() すべ て の タイ プ の イベ ント を 取得 する 











setlInterval() 一 定時 間 (1000 分 の 1 秒 ) ご と に 指定 
され た 処理 を 繰り 返す 

clearInterval() setlnterval メ ソ ッ ド の 停止 

handleEvent() イベ ント 取り 扱い 者 を 特定 する 

Print() プリ ント する 

releaseEvents() 別 階層 の イベ ント に イベ ント を 渡す 

routeEvent() 取得 し た イベ ント と 同じ 階層 の イベ ント 
(JavaScript1.3) 

toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【open() の 属性 オブ ショ ン 】 


(avaScript1.0) 
*ー に yes7ngll に 7 軌 
toolbar * ツー ル バ ー 
location * ロケ ーション ボッ クス 
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directories* ディ レク トリ ー ボ タン 
Status * ステ ー タ スバ ー 
menubar* 選 三江 
scrollbars * スク ロー ル バ ー 
resizable * リサ イズ ボッ クス 
width=pixelIs "ウィン ドウ の 横幅 
height=pixelSs "ウィン ドウ の 縦 幅 





(avaScript1.2) 
*ー [=yes/7gll=7 軌 


alwaySLowered * 他 の ウィ ンド ウ よ り 前 に 来る ウィ ンド ウ 


alwaysRaised * 他 の ウィ ンド ウ よ り 後 ろ に 来る ウィ ンド ウ 


dependent* 現在 の ウィ ンド ウ の 子 ウィ ンド ウ 
hotkeys * ホッ トキ ー を 無力 に する 
innerWidth ウィ ンド ウ の 表示 領域 の 横幅 (width 
=Ppixels か ら 変 更 

innerHeight 。 ウィ ンド ウ の 表示 領域 の 高 さ (height 
=Dixels か ら 変 更 

outerWidth ウィ ンド ウ の 外周 の 個 

=Dixels 

outerHeight 。 ウィ ンド ウ の 外周 の 高 さ 

=pixels 


ScreenX=pixelIS ディ スプ レイ 左上 か ら の X 軸 の 位置 

ScreenY=pixelS ディ スプ レイ 左上 か ら の Y 軸 の 位置 

1ilebar * タイ トル バー の 表示 

Z-lock * フォ ー カ ス が 移っ て も 他 の ウィ ンド 
ウ の 前 に 来 な い ウ ィ ン ド ウ 





【 イ ベン ト ハ ンド ラ 】 
0avaScriprl.0) 
onLoad 
onUnload 


(avaScript1.1) 
onBlur 
onError 
onFocus 


frame オ ブ ジ ェクト 

frame オ プ ジ ェ クト の 情報 を 提供 し た り 、 操 作 を 行 
う オ プ ジ ェ クト 。 

frame オプ ジェ クト は 、 そ れ 自 体 が window オプ 
ジェ クト の プロ パテ ィ で す が 、 最上 層 の オプ ジェ ク 
ト で ある "window" は 省略 可能 で す 。 

ウィ ンド ウ 内 の フレ ー ム の 配列 を 作成 し ます 。 フ 
レー ム の 情報 を 取得 し 、 利用 する こと に よっ て 、 フ 
レー ム 操 作 の 幅 を 広げ る こと が で きま す 。 
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【 用 法 】 

Frame 名 . Drope エ ty 

Frames [プン デック ス ] .property 
window . Droperty 

Se1f .property 

paren . DFODert 上 yY 











【 ブ プロ パティ 】 
(0avaScript1.0) 
frames フレ ー ム 配列 
name フレ ー ム 名 
length フレ ー ム の 数 
parent 現在 の フレ ー ム の 親 フ レー ム 
self 現在 の フレ ー ム 自身 
window 現在 の フレ ー ム の ウィ ンド ワウ 自身 
(0avaScript1.1) 
な し 
【 メ ソ ッ ド 】 
(UavaScript1.0) 
clearTimeout() setTimeout メ ソ ッ ド の 停止 
setTimeout() ミリ 秒 (1000 分 の 1 秒 ) 単 位 で 指定 
され た 時 間 後に 命令 を 実行 する 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を な 文字 列 に 変え る 
(0avaScript1.1) 
blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を 与え る 
valueOf() オブ ジェ クト の 値 を 返す 





(0avaScript1.2) 











setInterval() 一 定時 間 (1000 分 の 1 秒 ) ご と に 指定 
され た 処理 を 繰り 返す 

clearlnterval() setInterval メ ソ ッ ド の 停止 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 
Print() プリ ント する 

(0avaScript1.3) 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す 

【 イ ベン ト ハ ンド ラ 】 

(avaScript1.0) 

な し 


OavaScriptl.1) 
onblur 
onFocus 


document オ ブ ジ ェクト 

HTML フ ァイル 、 及 びそ こ に 記述 され る ドキ ュ メ 
ント の 情報 を 提供 し た り 、 操 作 を 行う オプ ジェ クト 。 

layer オ プ ジ ェ クト 、Link オ プ ジ ェ クト 、Image オ プ 
ジェ クト 、Area オプ ジェ クト 、Anchor オプ ジェ クト 、 
Applet オ プ ジ ェ クト 、Form オ プ ジ ェ クト な ど 、 多 く 
の オプ ジェ クト を 含ん で いま す 。 

document オ プ ジ ェ クト は それ 自体 が window オ プ 
ジェ クト の プロ パテ ィ で す が 、 最上 層 の オプ ジェ ク 
ト で ある "window" は 省略 可能 で す 。 


【 用 法 】 
(window . ) documen .property 
(window. ) document .method ( ) 





【 プ ロバ ティ ] 
(JavaScript1.0) 
alinkColor アク ティ ブリ ンク の 色 
bgColor 背景 の 色 
cookie クッ キー ファ イル の 情報 
fqColor テキ スト の 色 
lastModified ファ イル の 最終 更新 日 時 
linkColor リン ク の 色 
referrer リン ク 元 の URL 
te ドキ ュ メ ント の タイ トル 
URL カレ ント の URL 
viinkColor すでに 行っ た こと の ある リン ク の 色 
anchor($) アン カー オブ ジェ クト 及び 配列 
form(S) フォ ー ム オブ ジェ クト 及び 配列 
link($) リン クオ ブ ジ ェクト 及び 配列 
(JavaScript1.1) 
domain カレ ント の ドメイン 名 (tainting 状 態 
時 の み 使 用 可能 ) 
applet(S) アプ レッ ト 配 列 
Area エリ アオ ブ ジ ェクト 
embeds プラ グイ ン 配 列 
image($) イメ ー ジ オブ ジェ クト 及び 配列 





(0avaScriprl.2) 








layer($) レイ ヤー オブ ジェ クト 及び 配列 

【 メ ソ ッ ド 】 

(JavaScript1.0) 
close() ドキ ュ メ ント スト リー ム を 閉じ る 
open() ドキ ュ メ ント スト リー ム を 開く 
write() テキ スト を 書き 出す 

writeln() テキ スト を 改行 付き で 書き 出す 
eval() 数 値 に 変更 する 

toString() オブ ジェ クト な 文字 列 に する 


(0avaScriptl.1) 
valueOf() 





オブ ジェ クト の 値 を 返す 





(0avaScriptl.2) 
getSelection() 選択 範囲 内 に 含ま れ て いる 文字 列 を 返す 
captureEvents() すべ て の タイ ブ の イベ ント を 取得 する 
releaseEvents() 別 階層 の イベ ント に イベ ント を 渡す 
routeEvent() 取得 し た イベ ント と 同じ 階層 の イベ ント 




















(JavaScript1.3) 


toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
な し 


【JavaScript1.1 で 削除 され た プロ パテ ィ ・ メ ソ ッ ド 】 
location 
clear() 


history オ ブ ジ ェクト 

プラ ウザ が ロー ド し た ペー ジ の 来歴 を 提供 する オ 
プ ジ エ 必 Ra 

hisrop オ プ ジ ェ クト は それ 自体 が window オ プ ジ ェ 
クト の プロ パテ ィ で す が 、 最上 層 の オプ ジェ クト で 
ある "window" は 省略 可能 で す 。 


現在 Netscape 社 の 「JavaScript Guide] で は 、 JavaScript 1 .0 に は あっ た 「location プロ パテ ィ 」 と 


「clear0 メ ソ ッ ド 」 が 姿 を 消し て いま す 。 


「iocation プロ パテ ィ 」 は 、 以 前 より 「location プロ パテ ィ は 将来 的 に は 使え な く な る の で 、UHRL プロ パ 
ティ を 使う よう に 」 と の アナ ウン ス が され て お り 、 これ は お そら く location オ ブ ジ ェクト と の 混乱 を 避け る た 


め の 処 置 だ と 思わ れ ま す 。 


また 「clear0 メ ソ ッ ド 」 に 関し て は 、「open(( メ ソ ッ ド 」 な ど を 利用 し て 似 た よう な 効果 を 出す こと が 可能 


な た め 、 削 除 さ ぐれ た も の と 思わ れ ま す 。 


な お 、 この 2 つの コマ ンド は 、 今 の と ころ Netscape Navigator3.0 で 使用 可能 な よう で す が (Windows 
版 で は "clear0" は 正常 に 動か な い 可 能 性 が あり ます ) 、 今後 の こと を 考え て な る べく 使用 し な いこ と を お 薦め 


し ます 。 
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【 用 法 】 
(window. ) history . property 
(window. ) history .method ( ) 
(window. ) history [プン デック ス ] 

















【 プ ロバ ティ 】 
(avaScript1.0) 
length 来歴 の 数 
(avaScripr1.1) 
Current 現在 の 来歴 (tainting 状 態 時 の み 使 用 
可能 ) 
next 次 の 来歴 (tainting 状 態 時 の み 使 用 可能 ) 
Drevious 1 つ 前 の 来歴 (tainting 状 態 時 の み 使 
用 可能 ) 
メソ ッ ド 】 
(0avaScript1.0) 
back() 1 つ 前 の ペー ジ に 進む 
forward() 1 つ 先 の ペー ジ へ 進む 
90 () 指定 され た 分 ペー ジ を 移動 する 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト な 文字 列 に 変え る 





(avaScript1.1) 














valueOf0 オブ ジェ クト の 値 を 返す 
(avaScript1.3) 

10Source() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 

な し 

Iocation オ ブ ジ ェクト 


表示 され て いる ペー ジ の URL に 関す る 情報 を 提供 
する オプ ジェ クト 。 

locarion オプ ジェ クト は それ 自体 が window オプ 
ジェ クト の プロ パテ ィ で す が 、 最上 層 の オプ ジェ ク 
ト で ある "window" は 省略 可能 で す 。 

また 、locadion オ プ ジ ェ クト は 読み 出し だ け で な く 、 
動 的 に URL を 変更 する こと が 可能 で す 。 


【 用 法 】 
(window. ) 1ocation . property 
(window . ) 1ocation .method( ) 





【 ブ ロバ パティ 】 
(javaScript1.0) 
hash 9 の 22 ガー 
host URL の ホス ト 名 と ポー ト 番 号 部 分 
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hostname ホス トコ ンピュータ 名 部 分 
href URL 
pathname URL の バス 名 部 分 
port UHL の ポー ト 番 号 部 分 
protocol URL の プロ トコ ル 部 分 
search URL の 問い 合わ せ 部 分 
(avaScriprl.1) 
な し 
【 メ ソ ッ ド 】 
(avaScrip1.0) 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト な 文字 列 に 変え る 
OsvaScriprl.1) 
reload() リロ ー ド する 
replace() 現在 の URL を 置き 換え る 
valueOf() オブ ジェ クト の 値 を 返す 
(JavaScripr1.3) 
toSource() オブ ジェ クト の 値 な 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
な し 
Link オ ブ ジ ェクト 


HTML フ ァイル 内 の リン ク の 配列 を 作成 し 、 リ ン 
ク 1 つ 1 つの 情報 を 提供 する オプ ジェ クト 。 

Link オプ ジェ クト は 、 それ 自体 が documcnt オプ 
ジェ クト の プロ パテ ィ で す 。 


[用法 
document .1inks [プン デック ス ] .property 
document . 1inks . 1ength 





【 プ ロバ ティ 】 
(0avaScriprl .0) 
hash アン カー 名 
host リン ク 先 の URL の ホス ト 名 と ポー ト 
番号 部 分 
length リン ク 数 
hostname リン ク 先 の URL の ホス トコ ン ピ ュ ー 
タ 名 部 分 
href リン ク 先 の URL 
pathname リン ク 先 の URL の パス 名 部 分 
Por リン ク 先 の URL の ポー ト 番 号 部 分 
protocol リン ク 先 の URL の プロ トコ ル 部 分 
Search リン ク 先 の URL の 問い 合わ せ 部 分 
target リン ク 先 の トラ ンジ ッ ト 属 性 





(avaScript1.1) 
な し 


【 メ ソ ッ ド 】 
(javaScript1.0) 





eval() 
toString() 


文字 列 を 数 値 に 変え る 
オブ ジェ クト な 文字 別に 変え る 





(avaScriptl.1) 





valueOf() オブ ジェ クト の 値 を 返す 





(JavaScriptl.2) 
handleEvent() 





イベ ント 取り 扱い 者 を 特定 する 





(JavaScript1.3) 
toSource() 





オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 

(avaScript1.0) 
onClick 
onMouseOver 


(avaScriptl.1) 
onMouseOut 


Anchor オ ブ ジ ェクト (配列 ) 

HTML フ ァイル 内 の Anchor の 配列 を 作成 する オプ 
ジェ クト 。 

Anchor オ プ ジ ェ クト は 、 そ れ 自 体 が document オ プ 
ジェ クト の プロ パテ ィ で す 。 


[用 法 】 
document . anchors [イン デック ス ] 
document . anchors . 1ength 


[プロ バテ ィ 】 
(JavaScriptl.0) 





lengh アン カー の 数 





(0avaScriptl.1) 
な し 


【 メ ソ ッ ド 】 
(avaScript1.0) 











eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を 文字 列 に 変え る 
(JavaScriptl.1) 

valueOf() オブ ジェ クト の 値 を 返す 





(avaScript1.3) 
toSource() 





オブ ジェ クト の 値 を 文字 列 で 返す 


【 イ ベン ト ハ ンド ラ 】 
な し 


Form オ ブ ジ ェクト 

Form に 関す る 情報 を 提供 し た り 、 操 作 を 行う オプ 
2 グリ 

Form オプ ジェ クト は 、 それ 自体 が document オ プ 
ジェ クト の プロ パテ ィ で す 。 

HTML の <FORM> タ グ を 、JavaScript の オプ ジェ ク 
ト と し て 取り 扱い ます 。 デー タ 入 力 を 受け 付け て 送 
信 す る だ け で な く 、 入 力 内 容 の チェ ッ ク や 入力 され 
た デー タ の 計算 を プラ ウザ 側 で 行っ た り 、 リ アル タ 
イム で フォ ー ム の 内 容 を 変化 させ る な ど 、 フ ォ ー ム 
の 利用 方 法 を 広げ る こと が 可能 で す 。 

Textarea オプ ジェ クト 、Text オプ ジェ クト 、File 
Upload オ プ ジ ェ クト 、Password オ プ ジ ェ クト 、Hidden 
オプ ジェ クト 、Submirt オ プ ジ ェ クト 、Reset オ プ ジ ェ ク 
ト 、Radio オプ ジェ クト 、Checkbox オプ ジェ クト 、 
Burton オ プ ジ ェ クト 、Selecc オ プ ジ ェ クト な ど 、 多 く 
の オプ ジェ クト を 含ん で いま す 。 


[用 法 

Form 名 .Droperty 

Form 名 .method ( ) 

forms [ プン デック ス ] .property 
forms [プン デック ス ] .method ( ) 





【 プ ロバ ティ ] 
(avaScriptl.0) 
action フォ ー ム 内 の デー タ の 送り 先 
elements フォ ー ム 内 の 内 容 (配列 ) 
encoding フォ ー ム の MINE エ ンコ ー ド 
length フォ ー ム エレ メン ト の 数 
name オブ ジェ クト 名 
method フォ ー ム の 送信 方 法 
target ター ゲッ トウ ィ ン ド ウ 
Button Button オ ブ ジ ェクト 
Checkbox Checkbox オ ブ ジ ェクト 
Hidden Hidden オ ブ ジ ェクト 
Password Password オ ブ ジ ェクト 
Radio Hadio オ ブ ジ ェクト 
Reset Heset オ ブ ジ ェクト 
Select Select オ ブ ジ ェクト 
Submit Submit オ ブ ジ ェクト 
Text Text オ ブ ジ ェクト 
Textarea Textarea オ ブ ジ ェクト 
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(avaScriprl.1) 





























FileUpload FileUpload オ ブ ジ ェクト 

【 メ ソ ッ ド 】 
(avaScrip1.0) 

submit() サブ ミッ ト ボ タン が 押さ れ た の と 同じ 
eval() 文字 列 を 数 値 に 変え る 

toString() オブ ジェ クト を 文字 列 に 変え る 
(avaScriptl.1) 

reset() リセ ッ ト ボ タン が 押さ れ た 状態 と 同じ 
valueOf() オブ ジェ クト の 値 を 返す 





(avaScript1.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 


(avaScripr1.3) 





toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
(avaScript1.0) 
onSubmit 


(0avaScriprl.1) 
onReset 


フォ ー ム の Button に 関す る 情報 を 提供 し た り 、 操 
作 を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="button"> タ グ を 使っ て 
作成 され た ボタ ン 型 の フ ォ ー ム を 、JavaScript の オプ 
ジェ クト と し て 取り 扱い ます 。 


【 用 法 ] 

utton 名 . property 

ut て on 名 .method ( ) 

Form 名 . e1ements [ プン デック ス ] .property 
Form 名 .e1ements [プン デック ス ] .method ( ) 


ea0 
toString() 


文字 列 を 数 値 に 変え る 
オブ ジェ クト を 文字 列 に 変え る 





(avaScriptl.1) 





blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を あたえ る 
valueOf() オブ ジェ クト の 値 を 返す 





(0avaScriprl.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 








(0avaScript1.3) 
toSource() 





オブ ジェ クト の 値 な 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 
(0avaScriptl.0) 
onClick 


OavaScriptl .1) 
onBlur 
OnFocus 


Checkbox オ ブ ジ ェクト 


フォ ー ム の Checkbox に 関す る 情報 を 提供 し た り 、 
操作 を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="Checkbox"> タ グ を 使っ 
て 作成 さま れ た チェ ッ ク ボ ックス 型 の フォ ー ム を 、java 
Script の オプ ジェ クト と し て 取り 扱い ます 。 


[用法 】 

checkbox 名 . property 

checkbox 名 .method ( ) 

form 名 .e1ements [ プン デック ス ] .property 
Form 名 .e1ements [アンデ ックス ] .method ( ) 


【 プ ロバ ティ 】 

(avaScripr1.0) 

checked チェ ッ ク さ れ て いる 状態 
defaultChecked デフ ォ ル ト で チェ ッ ク さ れ て いる 状態 





























【 プ ロバ ティ ] name オブ ジェ クト 名 
(0avaScripl .0) Value オブ ジェ クト 内 の 値 
name オブ ジェ クト 名 
value オブ ジェ クト 内 の 値 (avaScriptl.1) 
type オブ ジェ クト の タイ ブ 
(avaScriprl.1) 
type オブ ジェ クト の タイ ブ 【 メ ソ ッ ド 】 
(avaScriprl.0) 
【 メ ソ ッ ド 】 click() クリ ッ ク と 同じ 
(JavaScript1.0) eval() 文字 列 を 数 値 に 変え る 
Click() クリ ッ ク と 同じ toString() オブ ジェ クト を な 文字 列 に 変え る 
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(JavaScriptl.1) 





(avaScripr1.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 




















blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を あたえ る (avaScripr1.3) 
valueOf() オブ ジェ クト の 値 を 返す toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
(avaScript1.2) 【 イ ベン ト ハ ンド ラ 】 
handleEvent() イベ ント 取り 扱い 者 を 特定 する (avaScript1.0) 
未 対応 
(avaScript1.3) 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す (JavaScriptl.1) 
onBlur 
【 イ ベン ト ハ ンド ラ 】 onChange 
(avaScript1.0) onFocus 
onClick 


(JavaScript1.1) 
onBlur 
onFocus 


FileUpload オ ブ ジ ェクト (JavaScript1.1~) 


フォ ー ム の FileUpload に 関す る 情報 を 提供 し た り 、 
操作 を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="FileUpload"> タグ を 
使っ て 作成 され た ファ イル 選択 欄 型 の フォ ー ム を 、 
JavaScript の オプ ジェ クト と し て 取り 扱い ます 。 


[用法 
Fi1eUp1oad 名 .property 
Fi1eUp1oad 名 .method ( ) 








【 ブ プロ パテ ィ 】 

(avaScript1.0) 

未 対応 

(avaScript1.1) 
name オブ ジェ クト 名 
Value オブ ジェ クト 内 の 値 
type オブ ジェ クト の タイ プ 

[メソ ッ ド 】 

(avaScripr1.0) 

未 対応 

(JavaScriptl.1) 
blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を あたえ る 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を 文字 別に 変え る 
valueOf() オブ ジェ クト の 値 を 返す 








フォ ー ム の Hidden に 関す る 情報 を 提供 し た り 、 操 
作 を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="Hidden"> タ グ を 使っ て 
作成 され た 、 隠 し テキ スト ボッ クス 型 の フォ ー ム を 、 
JavaScript の オプ ジェ クト と し て 取り 扱い ます 。 


【 用 法 
Hidden 名 .property 
form 名 .e1ements [プン デック ス ] .property 














【 ブ ロバ ティ 】 
(avaScripr1.0) 
name オブ ジェ クト 名 
Value オブ ジェ クト 内 の 値 
(avaScript1.1) 
type オブ ジェ クト の タイ ブ 
メソ ッ ド 】 
(UavaScript1.0) 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト な 文字 列 に 変え る 





(avaScriptl.1) 
valueOf() 





オブ ジェ クト の 値 を 返す 





(0avaScript1.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 








(avaScript1.3) 








toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
な し 
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フォ ー ム の Password に 関す る 情報 を 提供 し た り 、 
操作 を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="Password"> タ グ を 使っ 
て 作成 され た パス ワー ド 入 力 用 テキ スト ボッ クス 型 
の フォ ー ム を 、JavaScript の オプ ジェ クト と し て 取り 
扱い ます 。 


[用法 】 

Password 名 . DrOpertY 

Password 名 .method ( ) 

form 名 .e1ements [ アンデ ックス] .property 
Form 名 .e1ements [プン デック ス ] .method ( ) 





*Radio オ ブ ジ ェクト 

フォ ー ム の Radio に 関す る 情報 を 提供 し た り 、 操 作 
を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="Radio"> タ グ を 使っ て 
作成 され た ラジ オ ボ タ ン 型 の フォ ー ム を 、JavaScript 
の オプ ジェ クト と し て 取り 扱い ます 。 


【 用 法 】 

Radio 名 [プン デック ス ] .property 
Radio 名 [ プン デック ス ] .method ( ) 
Form 名 . e1ements [インデックス] .property 
form 名 .e1ements [インデックス] .method( ) 


























【 プ ロバ ティ 】 

【 プ ロバ ティ 】 (avaScripr1.0) 

(JavaScript1.0) checked 選択 され て いる 状態 
defaultValu ほ "デフ ォ ル ト の オブ ジェ クト 内 の 値 defaultChecked デフ ォ ル ト で 選択 され て いる 状態 
name オブ ジェ クト 名 length オブ ジェ クト の 数 
value オブ ジェ クト 内 の 値 name オブ ジェ クト 名 

value オブ ジェ クト 内 の 値 

(avaScriptl.1) 

type オブ ジェ クト の タイ プ (0avaScriprl 1) 
type オブ ジェ クト の タイ プ 
メソ ッ ド 】 

(JavaScriptl.0) 【 メ ソ ッ ド 】 
select() 選択 され た 状態 (JavaScriprl.0) 
blur() フォ ー カ ス を 移動 する click() クリ ッ ク と 同じ 
focus() フォ ー カ ス を あたえ る eval() 文字 列 を 数 値 に 変え る 
eval() 文字 列 を 数 値 に 変え る toString() オブ ジェ クト な 文字 列 に 変え る 
toString() オブ ジェ クト を な 文字 列 に 変え る 

(avaScripl.1) 

0avaScriptl.1) blur() フォ ー カ ス を 移動 する 
valueOf() オブ ジェ クト の 値 を 返す focus() フォ ー カ ス を 与え る 

valueOf() オブ ジェ クト の 値 を 返す 


(0avaScript1.2) 























handleEvent() イベ ント 取り 扱い 者 を 特定 する (avaScriprl.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 
(avaScript1.3) 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す (0avaScripr1.3) 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
(0avaScript1.0) 【 イ ベン ト ハ ンド ラ 】 
な し (0avaScripl.0) 
onClick 


0avaScript1.1) 
onBlur 
onFocus 


ピゲ ー タ オブ ジェ クト 


(avaScript1.1) 
onBlur 
onFocus 





EE ンジ オ キン 
フォ ー ム の Reser に 関す る 情報 を 提供 し た り 、 操 作 
を 行う オプ ジェ クト 。 
HTML の <INPUT TYPE="Reset"> タ グ を 使っ て 作 
成 さ れ た リセ ッ ト ボ タン 型 の フォ ー ム を 、JavaScript 
の オプ ジェ クト と し て 取り 扱い ます 。 


【 用 法 】 

Radio 名 [インデ ックス ] .property 
Radio 名 [イン デック ス ] .method( ) 
Form 名 .e1ements [プン デック ス ] .property 
form 名 . e1ements [プン デック ス ] .method ( ) 














【 ブ プロ バテ ィ 】 
(JavaScript1.0) 
name オブ ジェ クト 名 
value オブ ジェ クト 内 の 値 
JavaScriptl.1) 
type オブ ジェ クト の タイ プ 
ぱ メソッド 】 
(JavaScript1.0) 
Click() クリ ッ ク と 同じ 
eval() 文字 列 を 数 値 に 変え る 
1oString() オブ ジェ クト な 文字 列 に 変え る 
(JavaScriptl.1) 
blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を あたえ る 
valueOf() オブ ジェ クト の 値 を 返す 


(JavaScript1.2) 








handleEvent() イベ ント 取り 扱い 者 を 特定 する 
(JavaScript1.3) 

toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン トバ ハン ドラ 】 
(avaScript1.0) 

onClick 


(0avaScriptl.1) 
onBlur 
onFocuS 


ま Select オ ブ ジ ェクト 





フォ ー ム の Select に 関す る 情報 を 提供 し た り 、 操 作 
を 行う オプ ジェ クト 。 

HTML の <SELECT> タグ と <OPTION> タグ を 
使っ て 作成 され た 、 選択 欄 型 の フォ ー ム と その 中 の 
選択 項目 を 、JavaScript の オプ ジェ クト と し て 取り 扱 
いま す 。 


【 用 法 】 

se1ect 名 [ プン デック ス ] .property 
se1ect 名 [ プン デック ス ] .method( ) 

Form 名 .e1ements [ インデックス] .property 
form 名 .e1ements [イン デック ス ] .method( ) 


< オプ ショ ン > 

se1ect 名 . options [イン デック ス ] .property 
Form 名 .e1ements [イン デック ス ] . options [ イ 
ン デ ックス ] .property 

option 名 .property 


< オプ ショ ン 配 列 > 
select 名 . options 

se1ect 名 . options [イン デック ス ] 
select 名 .options .1ength 





【 プ ロバ ティ 】 
(avaScripr1.0) 
length オプ ショ ン の 数 
name オブ ジェ クト 名 
options オブ ショ ン 項 目 
selectedIndex 選択 され て いる 項目 
(avaScriprl.1) 
type オブ ジェ クト の タイ ブ 
【 オ プシ ョ ン (配列) 


(UavaScrip1.0) 
defaultSelected デフ ォ ル ト で 選択 され て いる 項目 























Index 項目 の 位置 

selected 選択 され て いる 状態 

Value オブ ジェ クト 内 の 値 
(avaScriprl.1) 

prototype 新しい プロ パテ ィ の 作成 

【 メ ソ ッ ド 】 
(avaScripr1.0) 

click() クリ ッ ク と 同じ 

eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を な 文字 列 に 変え る 
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(avaScript1.1) 


avaScripr1.2) 























blur() フォ ー カ ス を 移動 する handleEvent() イベ ント 取り 扱い 者 を 特定 する 
focus() フォ ー カ ス を あたえ る 
valueOf() オブ ジェ クト の 値 を 返す (avaScript1.3) 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
(JavaScript1.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 【 イ ベン ト ハ ンド ラ 】 
(avaScripr1.0) 
JavaScript1.3) onClick 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
(avaScriprl.1) 
【 イ ベン ト ハ ンド ラ 】 onBlur 
(avaScript1.0) onFocus 
onChange 


(avaScriptl.1) 
onBlur 
onFocus 


フォ ー ム の Submir に 関す る 情報 を 提供 し た り 、 操 
作 を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="Submir> タ グ を 使っ て 
作成 され た フォ ー ム 内 容 送信 用 ボタ ン 型 の フォ ー ム 
を 、JavaScript の オプ ジェ クト と し て 取り 扱い ます 。 


フォ ー ム の Textarea に 関す る 情報 を 提供 し た り 、 
操作 を 行う オプ ジェ クト 。 

HTML の <TEXTAREA> タ グ を 使っ て 作成 され た 
テキ スト エリ ア 型 の フォ ー ム を 、JavaScript の オプ 
ジェ クト と し て 取り 扱い ます 。 


【 用 法 】 

textarea 名 .property 

textarea 名 .method ( ) 

Form 名 .e1ements [ プン デック ス ] .property 
Form 名 . e1ements [アン デック ス ] .method ( ) 









































【 用 法 】 
Submit 名 .property 【 ブ ロバ ティ 】 
Submi て 名 .meEhod ( ) (0avaScript1.0) 
Form 名 . e1ements [プン デック ス ] .property defaultValue "デフ ォ ル ト の オブ ジェ クト の 値 
Form 名 .e1ements [インデックス ] .method( ) name オブ ジェ クト 名 
value オブ ジェ クト 内 の 値 
【 プ ロバ ティ]】 
(JavaScript1.0) (avaScriptl.1) 
name オブ ジェ クト 名 type オブ ジェ クト の タイ プ 
value オブ ジェ クト 内 の 値 
【 メ ソ ッ ド ] 
(JavaScriptl.1) (avaScriptl.0) 
type オブ ジェ クト の タイ プ ブ blur() フォ ー カ ス を 移動 する 
focus() フォ ー カ ス を あたえ る 
【 メ ソ ッ ド 】 eval() 文字 列 を 数 値 に 変え る 
(avaScript1.0) toString() オブ ジェ クト な 文字 列 に 変え る 
click() クリ ッ ク と 同じ 
eval() 文字 列 を 数 値 に 変え る (0avaScriptl.1) 
toString() オブ ジェ クト な 文字 列 に 変え る valueOf() オブ ジェ クト の 値 を 返す 


(JavaScript1.1) 





(JavaScript1.2) 








Blur0) フォ ー カ ス を 移動 する handleEvent() イベ ント 取り 扱い 者 を 特定 する 
focus() フォ ー カ ス を あたえ る 
valueOf() オブ ジェ クト の 値 を 返す 
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(avaScripr1.3) 





toSource() オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 

(avaScript1.0) 
onBlur 
onChange 
onFocus 
onSelect 


(0avaScriprl.1) 
な し 


フォ ー ム の Text に 関す る 情報 を 提供 し た り 、 操 作 
を 行う オプ ジェ クト 。 

HTML の <INPUT TYPE="Texr"> タ グ を 使っ て 作 
成 さ れ た テキ スト 入力 欄 型 の フォ ー ム を 、JavaScript 
の オプ ジェ クト と し て 取り 扱い ます 。 


[用法 】 

Text 名 .property 

mext 名 .method ( ) 

Form 名 .e1ements [ プン デック ス ] .property 
form 名 .e1ements [インデックス ] .method( ) 

















【 プ ロバ ティ 】 
(JavaScript1.0) 
defaultValue "デフォルト の オブ ジェ クト の 値 
name オブ ジェ クト 名 
Value オブ ジェ クト 内 の 値 
(JavaScriptl.1) 
type オブ ジェ クト の タイ ブ 
[メソッド ] 
(avaScript1.0) 
blur() フォ ー カ ス を 移動 する 
focus() - フォ ー カ ス を あたえ る 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を 文字 列 に 変え る 
(avaScriptl.1) 
valueOf() オブ ジェ クト の 値 を 返す 
(JavaScript1.2) 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 





(JavaScripr1.3) 


toSource() オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 

0avaScriptl.0) 
onBlur 
onChange 
onFocus 
onSelect 


(avaScriptl.1) 
な し 


Area オ ブ ジ ェクト (JavaScript1.1) 
イメ ー ジ マッ プ の 定義 や 、 そ の 情報 を 提供 する オ 
プ ジ ェ クト 。 
Area オ プ ジ ェ クト は 、Link の 配列 内 に あり ます 。 
し た が っ て 、 リ ンク を 参照 する 場合 は 、「documcnt. 
links[ イ ン デ ックス ]] を 使用 し ます 。 


【 用 法 】 
area 名 . Droperty 
document . 1inks [プン デック ス ] .property 








【 ブ プロ バテ ィ 】 
(avaScript1.0) 
未 対応 
(avaScript1.1) 
hash アン カー 名 
host リン ク 先 の URL の ホス ト 名 と ポー ト 
番号 部 分 
hostname リン ク 先 の URL の ホス トコ ン ピ ュ ー 
夕 名 部 分 
href リン ク 先 の URL 
pathname リン ク 先 の UHL の パス 名 部 分 
port リン ク 先 の URL の ポー ト 番 号 部 分 
protocol リン ク 先 の UHL の プロ トコ ル 部 分 
search リン ク 先 の URL の 問い 合わ せ 部 分 
target リン ク 先 の トラ ンジ ッ ト 属 性 
ぱ ソ ッ ド 】 
(JavaScriptl.0) 
未 対応 


(avaScript1.1) 


eval) 文字 列 を 数 値 に 変え る 
toSting0) オブ ジェ クト を 文字 列 に 変え る 
valueOf0 オブ ジェ クト の 値 を 返す 
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(avaScript1.2) 


handleEvent() イベ ント 取り 扱い 者 を 特定 する 





(avaScript1.3) 





【 メ ソ ッ ド 】 
(avaScript1.0) 
未 対応 

















toSource() オブ ジェ クト の 値 を 文字 列 で 返す (UavaScriptl.1) 
eval() 文字 列 を 数 値 に 変え る 
【 イ ベン ト ハ ンド ラ 】 toString() オブ ジェ クト を な 文字 列 に 変え る 
(0avaScriprl.0) valueOf() オブ ジェ クト の 値 を 返す 
未 対 応 
(0avaScripr1.2) 
(avaScript1.1) handleEvent() イベ ント 取り 扱い 者 を 特定 する 
onMouseOver 
onMouseOut (avaScripr1.3) 


Image オ ブ ジ ェクト (JavaScript1.1~) 

画像 に 関す る 情報 を 提供 し た り 、 操作 を 行う オプ 
ジェ クト 。 

画像 ファ イル の 情報 を 提供 する 以外 に 、 画像 を 後 
か ら 置 き 換え る こと も 可能 で す 。 

これ に より 、 画像 を アニ メー ショ ン さ せ た り 、 イ 
ベン ト ハ ンド ラ と 組み 合わ せる こと に よっ て 、 イ ン 
タラ クティ ブ に 画像 を 取り 扱う こと が で きま す 。 

ビル トイ ン オ プ ジ ェ クト の よう に 、new を 使っ て オ 
プ ジ ェ クト を 新た に 作成 する こと が で きま す 。 


【 オ ブ ジ ェクト の 作成 】 
ェ mage 卿 = new Tmage ( 夏 旅 の 廊 , 大 の 高 さ ) 


【 用 法 】 
オプ ジェ クト 名 .property 
document . images [プン デック ス ] .property 





【 ブ プロ バテ ィ 】 
OavaScript1.0) 
未 対応 
(JavaScript1.1) 
border border で 設定 され た 値 
complete 画像 の 読み 込み が 終了 し て いる か どう か 
height イメ ー ジ の 高 さ 
hspace height で 設定 され た 値 
length イメ ー ジ の 数 
lowsrc lowsrc で 設定 し て いる 画像 ファ イル 
の URL 
name イメ ー ジ の 名 前 
prototype 新しい プロ パテ ィ の 作成 
SrC 画像 ファ イル の UHL 
Vspace VSpace で 設定 され た 値 
width 画像 の 幅 





566 ナビ ゲー タオ ブ ジ ェクト 





toSource() オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 

(0avaScriptl.1) 
onAbort 
onError 
onLoad 


layer オ ブ ジ ェクト (JavaScript1.8^) 

layer に 関す る 情報 を 提供 し た り 、 操 作 を 行う オプ 
ジェ クト 。 

Netscape Navigator4.0 で 新た に 追加 され た 、<LAYE 
R> タ グ に 関連 し た javaScript で す 。 

レイ ヤー の show (見 える 状態 ) と hidc (隠さ れ た 状 
態 ) の 動 的 な 切り 替え や 、 指 定位 置 へ の 移動 な ど 、 レ 
イヤ ー に より イン タラ クティ ブ な 要素 を 付け 加え る 
こと が で きま す 。 

layer オ プ ジ ェ クト は 、document オ プ ジ ェ クト の プ 
ロ パ ティ で す 。 


【 用 法 】 
1ayer 名 .property 
1ayer 名 .method (数 値 ) 
document . 1ayer 名 
document . 1ayers [プン デック ス ] 
document . 1ayers [ "1ayer 名 " ] 
(ネス ト さ れ て いる レイ ヤー の ブ プロパティ を 使う 時 ) 
document . 1ayers [ " 末 Jayer" ] . 1ayers 
[" 子 Jayer" ] 





【 プ ロバ ティ 】 

(avaScript1.2) 
name オブ ジェ クト 名 の 設定 
width レイ ヤー の コン テン ツ の 横幅 (ピク セル ) 
height レイ ヤー の コン テン ツ の 高 さ ( ピ クセ ル ) 
left 画面 左 か ら の レイ ヤー の 位置 ( ビ ピクセル) 























top 画面 上 か ら の レイ ヤー の 位置 (ビク セル ) 
visibility レイ ヤー が show( 見 える 状態 ) か hide 
(隠さ れ た 状態 ) 可 か を 返す 
ZIndex レイ ヤー の Z-Index の 値 を 返す 
pageX ペー ジ 上 の XX 座標 (ビク セル ) 
pageY ペー ジ 上 の y 座 標 (ビク セル ) 
X "Layer.left. "と 同義 
y "Layer.top. と 同義 
clip.top レイ ヤー 内 の クリ ッ プ の 上 か ら の 位置 
clip.left レイ ヤー 内 の クリ ッ プ の 左 か ら の 位置 
clip.right レイ ヤー 内 の クリ ッ プ の 右 か ら の 位置 
clip.bottom レイ ヤー 内 の クリ ッ プ の 下 か ら の 位置 
clip.width レイ ヤー 内 の クリ ッ プ の 横幅 
clip.height レイ ヤー 内 の クリ ッ プ の 高 さ 
background レイ ヤー の バッ ク グ ラウ ンド イメ ー 
ジ の 指定 
bgColor レイ ヤー の バッ ク グ ラウ ンド カラ ー の 指定 
siblingAbove 兄弟 レイ ヤー 内 で 1 つ 上 の レイ ヤー 
を 参照 する 、 も し 1 番 先頭 だ っ た ら 
"null" を 返す 
siblingBelow 兄弟 レイ ヤー 内 で 1 つ 下 の レイ ヤー 
を 参照 する 、 も し 1 番 後 ろだ っ た ら 
"null' を 返す 
above 1 つ 上 の レイ ヤー を 参照 する 、 も し 
] 番 先頭 だ っ た ら "null" を 返す 
below 1 つ 下 の レイ ヤー を 参照 する 、 も し 
] 番 後ろ だ っ た ら "null" を 返す 
parentLayer 特 合 する レイ ヤー 状況 、 親 の レイ ヤー 
だ っ た ら "nul" を 返す 
layers LAYEH 配 列 
sic レイ ヤー の ソー ス を 外部 か ら 呼 び 出 
す 時 の UHL 
メソ ッ ド 】 
(JavaScript1.2) 
moveBy() 現在 の 表示 位置 か ら の レイ ヤー の 表 
示 位 置 移動 (ビク セル ) 
moveTo() 画面 の 左上 か ら の レイ ヤー の 表示 位 
置 移動 (ビク セル ) 
moveTo レイ ヤー コン テン ツ 内 で の レイ ヤー 
Absolute() 。 位置 移動 (ビク セル ) 
resizeBy() レイ ヤー の サイ ズ を 指定 され た 分 だ 
け 変 更 する (ピクセル) 
resizeTo() レイ ヤー の サイ ズ を 指定 され た サイ 
ズ へ 変更 する (ビク セル ) 
moveAbove() レイ ヤー を 前 に 出す 
moveBelow() レイ ヤー を 後ろ に 入れ る 
load() 外部 か ら レ イヤ ー の HTML フ ァイル 


を 読み 込む 


captureEvents すべ て の タイ ブ の イベ ント を 取得 する 
handleEvent() イベ ント 取り 扱い 者 を 特定 する 
releaseEvents() 別 階層 の イベ ント に イベ ント を 渡す 
routeEvent() 取得 し た イベ ント と 同じ 階層 の イベ ント 

















(JavaScripr1.3) 


toSource() オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 
onMouseOver 
onMouseOut 
onLoad 
onFocus 
onBlur 


Applet オ ブ ジ ェクト (配列 ) 
(JavaScript1.1) 
Applt 関 連 の オプ ジェ クト 及び 配列 。 


【 用 法 】 
document .applets [ プン デック ス ] 
document .applets .]1ength 


【 プ ロバ ティ 】 
(avaScriptl.1) 
lengh 





アプ レッ ト の 数 (配列 数 ) 





メソ ッ ド 】 
0avaScriptl.1) 
JavaApplet の 全て の "public method" 





eval() 文字 列 を 数 値 に 変え る 
toStiing() オブ ジェ クト を 文字 列 に 変え る 
valueOf() オブ ジェ クト の 値 を 返す 





embeds 配 列 (JavaScript1.1 ~) 
プラ グイン 関連 の オプ ジェ クト 及び 配列 。 


[用 法 】 
document . embeds [ プン デック ス ] 
document . embeds . 1ength 


【 プ ロバ ティ 】 
(avaScript1.1) 
length 





プラ グイ ン の 数 (配列 数 ) 





メソ ッ ド 】 
(0avaScript1.1) 
各 プ ラグ イン 独自 の メソ ッ ド 
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7. ピル トイ ン オ ブ ジ ェクト 


Date オ ブ ジ ェクト 
日 付 や 時 間 の 取得 や 設定 を 行う オプ ジェ クト 。 
プラ ウザ の 起動 時 に 、 そ の マシ ン か ら 時 間 の 情報 
を 取得 し 、 加工 し ます 。 各 マ シン が 置か れ て いる 場 
所 の ロー カル タイ ム を 扱う の で 、CGI で は 難し い 世 界 
各地 の ロー カル タイ ム に 合わ せ た 処理 を 行う こと が 
で ぎ きま す 。 


【 オ ブ ジ ェクト の 作成 】 

オプ ジェ クト 名 = new Date( ) 

オプ ジェ クト た 名 = new Date( "mon と n ヵ 人 
ずら a 了 万 Ou ど S : 加 27 た eS : SeConds " ) 

オプ ジェ クト た 名 = new Date(year, 和 
/ da ア ) 

オプ ジェ クト た 名 = new Date (year, 人 
/ da ア , OurS, 加 1nu た GS, SeConOS) 


(avaScript1.3) 
オプ ジェ クト た 名 = new Date (year, mon た 万 , 
day, / , ou と 8 / , 7 テカ u と eS / / 内 
1777seoonds7 7 / 7 ) 
オプ ジェ クト た 名 = new Date.UTC (yea と , 
On た 万 , a と た @, / , ou と S | 
SecCondSs/, 1777seoconds7 7 7 / ) 


【 用 法 】 
オプ ジェ クト 名 .property 
オプ ジェ クト 名 .method ( ) 














【 ブ ロバ ティ 】 
(avaScript1.0) 
な し 
(JavaScript1.1) 
constructor オブ ジェ クト の 作成 元 
prototype オブ ジェ クト の プロ ト タ イ ブ を 作成 
メソ ッ ド 】 
(JavaScriptl.0) 
getDate() 日 を 返す (1 一 31) 
getDay() 曜日 を 返す (0-6) 
getHours() 時 間 を 返す (0 一 ら 3) 
getMinutes() 分 を 返す (0-59) 
getMonth() 月 を 返す (0 一 1 1) 
getSeconds() 。 秒 を 返す (0-59) 
getTime() 1970 年 1 月 1 日 0 時 0 分 0 秒 か ら の 経過 


時 間 を ミリ 秒 単位 で 返す 
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getTimezone "グリニッジ 標 準 時 (GTM) と ロー カル 

Ofeet0 時 間 の 差 を 分 単位 で 返す 

getYear() 年 を 返す 

Parse() 指定 され た 日 付 と 時 間 と 1970 年 1 月 
1 日 0 時 0 分 0 秒 と の 間 の 時 間 を ミリ 
単位 で 返す 

setDate() 日 付 の 設定 を する 

SetHours() 時 間 の 設定 を する 

setMinutes() 分 の 設定 を する 

setMonth() 月 の 設定 を する 

setSeconds() 秒 の 設定 を する 

setTime() ミリ 秒 単位 で 日 付け と 時 間 の 設定 を 
する 

setYear() 年 の 設定 を する 

toGMTString() 日 付 と 時 間 を グリ ニッ ジ 標 準 時 (GT 
M) の 文字 列 に 変換 する 

toLocaleString() 日 付 と 時 間 を ロー カル タイ ム の 文字 
列 で 返す 

UTC() 1970 年 1 月 日 0 時 0 分 0 秒 か ら の 経 
過 時 間 を グリ ニッ ジ 標 準 時 (GTM) を 
基 に ミリ 秒 単位 で 返す 

eval() 文字 列 を 数 値 に 変え る 

toString() オブ ジェ クト を 文字 列 に 変え る 

(JavaScriprl.1) 
valueOf() オブ ジェ クト の 値 を 返す 
(0avaScript1.3) 

getFullYear() 4 桁 の 年 を 返す 

setFullYear() 4 桁 の 年 を 設定 する 

getMilli ミリ セコ ンド を 返す (0-999) 

seconds() 

setMilli ミリ セコ ンド を 設定 する 

seconds() 

getUTC 4 桁 OUTC 時 間 の 年 を 返す 

FulIYear() 

getUTCMonth() UTC 時 間 の 月 を 返す (0 一 1 1) 

getUTCDate() UTC 時 間 の 日 を 返す (1 一 31) 

getUTCDay() UTC 時 間 の 曜日 を 返す (0-6) 

getUTCHours() UTC 時 間 の 時 間 を 返す (0 一 3) 

getUTC UTC 時 間 の 分 を 返す (0-59) 

Minutes() 

getUTC UTC 時 間 の 秒 を 返す (0-59) 

Seconds() 

getUTCMilli UTC 時 間 の ミリ セコ ンド を 返す (0 

seconds() g99) 

toUTCString() UTC 時 間 を 文字 列 で 返す 





setUTCFull 4 桁 の UTC 時 間 の 年 を 設定 する 
Year() 
setUTCMonth() 4 桁 の UTC 時 間 の 月 を 設定 する 
setUTCDate() 4 杵 の UTC 時 間 の 日 を 設定 する 
setUTCHours() UTC 時 間 の 時 間 を 設定 する 
setUTC UTC 時 間 の 分 を 設定 する 
Minutes() 
setUTC UTC 時 間 の 秒 を 設定 する 
Seconds() 
setUTCMilli UTC 時 間 の ミリ セコ ンド を 設定 する 
seconds() 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ ] 
な し 
Math オ ブ ジ ェクト 


数 値 計算 関連 の オプ ジェ クト 。"Marh" の 後に 利用 
する プロ パテ ィ や メソ ッ ド を 記述 し て 使用 し ます 。 
それ ら を 組み 合わ せ て 使う こと に よっ て 、 サ ー 











ceil() 最も 近く て 大 きい 整数 を 返す 

cos() コサイン を 返す 

eXD() 対数 を 返す 

floor() 最も 近く て 小さ い 整 数 を 返す 

log0) 自然 対数 を 返す 

max() 比較 し て 大 きい 方 の 数 値 を 返す 

min() 比較 し て 小さ い 方 の 数 値 を 返す 

Pow() 乗算 を する 

random() 乱数 を 発生 する (Netscape Navigator 
ら .x は UNIX 版 の み ) 

round() 四捨五入 する 

sin() サイ ン を 返す 

sqrt() 平方 根 を 返す 

tan() タン ジェ ント を な 返す 

eval() 数 値 に 変更 する 

toString() オブ ジェ クト を な 文字 列 に する 


(0avaScript1.1) 
valueOf() 





オブ ジェ クト の 値 を 返す 





(avaScript1.3) 























バー に デー タ を 渡す こと な く 、 い ろ い ろ な 計算 を プ toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
ラウ ザ で 行う こと が で きま す 。 
【 イ ベン ト ハ ンド ラ 】 
[用法 な し 
Math .prOpertY 
Math .method( ) 
strin 紀 オブ ジェ クト 
【 ブ ロバ ティ 】 文字 列 に 対し て 修飾 や 検索 な どの 操作 を 行い ます 。 
(JavaScriptl.0) 文字 列 の 後に プロ パテ ィ や メソ ッ ド を 付け て 使用 し 
区 自然 対数 の 底 ます 。 
LN2 e を 底 と する 2 の 自然 対数 JavaScriptl.1 か ら new を 使っ て 新しく オプ ジェ クト 
LN10 e を 底 と する 10 の 自然 対数 を 作成 する こと が で きる よう に な り ま し た 。 
LOG2E ら を 底 と する 自然 対数 
LOG10E 10 を 底 と する 自然 対数 【 新 た に オブ ジェ クト を 作る (JavaScript1.1)】 
PI 円 周 率 オプ ジェ ク た 名 = new String (文字 列 ) 
SQRT1_2 1/2 の 平方 根 
SQRT2 8 の 平方 根 【 用 法 】 
文字 列 .property 
(JavaScript1.1) 文字 応 .method ( ) 
な し 
【 プ ロバ パティ] 
【 メ ソ ッ ド 】 (0avaScript1.0) 
(JavaScript1.0) length 文字 の 数 
abs() 0 か ら の 絶対 価 を 返す 
acoOS() アー クコ サイ ン を 返す (JavaScriptl.1) 
asin() アー クサ イン を 返す constructor オブ ジェ クト の 作成 元 
atan() アー クタ ンジ ェ ン ト を な 返す prototype オブ ジェ クト の プロ ト タ イ ブ を 作成 
atan2() 座標 か ら 角度 を 返す 
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メソッド 】 
(avaScript1.0) 
anchor() アン カー を 設定 する 
big() 文字 を 大 きく する 
blink() 文字 を 点滅 させ る 
bold() 太字 に する 
charAt() 文字 を 抜き 出す 
fixed() 等 幅 文 字 に する 
fontcolor() 文字 色 を 指定 する 
fontsize() フォ ント サイ ズ を 指定 する 
indexOf() 文字 を 検索 する 
italics() 八 体 文字 に する 
lastIndexOf() 文字 列 の 後ろ か ら 検索 する 
link() リン ク を 作成 する 
Small() 文字 を 小さ くす る 
strike() 削除 文字 に する 
sub() 下 付 文字 に する 
substring() 文字 列 の 途中 を 抜き 出す 
SUP() 上 付 文字 に する 
toLowerCase() 大 文字 を 小文字 に する 
toUpperCase() 小文字 を 大 文字 に する 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を な 文字 列 に 変え る 
(JavaScriptl.1) 
SsPIt() 文字 列 を 分 割 する 
valueOf() オブ ジェ クト の 値 を 返す 





(avaScript1.2) 





oharCodeAt() ISO-Latin-] の コー ド 番 号 を 返す 
fromCharCode() IS0-Latin-1 の コー ド 番 号 を 文字 に 
直す 


substr() 文字 を 抜き 出す (n 番 か ら m 個 の 文字 ) 

match() 指定 し た パタ ー ン と 同じ パタ ー ン を 
を 見 つけ る 

replace() 指定 し た パタ ー ン を 置き 換え る 

splt() 指定 し た パタ ー ン の 部 分 で 文字 列 を 
分 ける 

match() 指定 し た パタ ー ン と 同じ パタ ー ン を 
見 つけ る 

replace() 指定 し た パタ ー ン を 置き 換え る 

splt() 指定 し た パタ ー ン の 部 分 で 文字 列 を 


分 ける 





(JavaScripr1.3) 


Array オ ブ ジ ェクト 
(JavaScript1.1-) 

配列 を 作成 し 、 操作 する オプ ジェ クト 。 複雑 な 手 
順 な し に 配列 が 作成 で きま す 。 

JavaScript1.1 か ら 追 加 さ れ た オプ ジェ クト で す 。 
一 部 は Nctscape Navigator2.0 か ら 利 用 可能 で す が 、 
正式 な サポ ー ト で は あり ませ ん 。 


【 オ ブ ジ ェクト の 作成 】 

arra ッ オナ プ ジ ェ クト た 名 = new Array ( 配 の 数 ) 
rra ッ オプ ジェ クト た 名 = new Array ( 0 番 表 の 
要素 , 7 番 有 の 齋 , ..., 番 有 の 妥 素 ) 


【 用 法 】 
オプ ジェ クト 名 .property 
オプ ジェ クト た 名 .method ( ) 























toSource() オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 
な し 
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【 プ ロバ ティ 】 

(avaScript1.0) 

未 対 応 

(avaScripr1.1) 
length 配列 の 数 
constructor オブ ジェ クト の 作成 元 
prototype 配列 の プロ ト タ イ プ 

【 メ ソ ッ ド 】 

(0avaScript1.0) 

未 対応 

(0avaScriptl.1) 
join() 要素 を 文字 別に する 
reverse() 要素 の 順番 を 逆 に する 
sort() 要素 を ソー ト す る 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を 文字 列 に 変え る 
ValueOf() オブ ジェ クト の 値 を 返す 

(avaScript1.3) 
toSource() オブ ジェ クト の 値 を 文字 列 で 返す 

【 イ ベン ト ハ ンド ラ 】 

な し 


function オ ブ ジ ェクト 
(JavaScript1.1 ^) 
関数 の 作成 や 操作 を 行う オプ ジェ クト 。 
JavaScriptl.1 か ら new を 使っ て 新しい 関数 の オプ 
ジェ クト を 作成 で きる よう に な り ま し た 。 
arguments は ]avaScriptl.0 か ら 存在 し まし た が 、Java 
Scriptl.1 か ら 正 式 に fanction オ プ ジ ェ クト の プロ パ 
ティ に な り ま し た 。 


【 オ ブ ジ ェクト の 作成 】 
オプ ジェ クト 名 = new Function (/ 愛 素 7, 
要素 2, . . . 有 要素 7, func と 1on の 働き ) 


[用 法 】 
オプ ジェ クト 省 .property 
オプ ジェ クト 名 .method (数 逢 ) 


【 プ ロバ ティ ]】 
(JavaScript1.0) 
未 対応 


(avaScriptl.1) 

caller ファ ンク ショ ン が どこ か ら 呼 ば れ た か 
arguments ファ ンク ショ ン の 要素 [配列 ] 
arguments. ファ ンク ショ ン が どこ か ら 呼 ば れ た か 
caller 

arguments. ファ ンク ショ ン 配 列 の 要素 数 

length 

















length 用 意 さ れ て いる ファ ンク ショ ン の 要 
素数 
constructor オブ ジェ クト の 作成 元 
prototype ファ ンク ショ ン の プロ ト タ イ プ 
(JavaScript1.2) 
0 ファ ンク ショ ン の 内 容 
arity 用 意 さ れ て いる ファ ンク ショ ン の 要 
素数 
【 メ ソ ッ ド 】 
(JavaScript1.0) 
未 対応 
(JavaScriptl.1) 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を な 文字 列 に 変え る 
valueOf() オブ ジェ クト の 値 を 返す 





(avaScript1.3) 








call() 異な る オブ ジェ クト を コー ル す る 

apply() 異な る オブ ジェ クト を コー ル す る ( 値 
を 引き 渡す こと が 可能 ) 

toSource() オブ ジェ クト の 値 を 文字 列 で 返す 

【 イ ベン ト ハ ンド ラ 】 

な し 

Object オ ブ ジ ェクト 


ユー ザー 独自 の 新しい オプ ジェ クト を 作成 する オ 
プ ジ ェ クト 。 


【 オ ブ ジ ェクト の 作成 】 
オプ ジェ クト た 釧 = new Object( ) 


【 用 法 】 
オプ ジェ クト 名 .property 
オプ ジェ クト 名 .method ( ) 


【 プ ロバ ティ 】 
(JavaScript1.0) 
な し 


(avaScriptl.1) 
constructor 
prototype 





オブ ジェ クト の 作成 元 
オブ ジェ クト の プロ ト タ イ ブ を 作成 


ぱ ソ ッ ド 】 
(JavaScriptl.0) 


toStng() オブ ジェ クト な 文字 列 に 変え る 





(avaScript1.1) 
valueOf() 





オブ ジェ クト の 値 を 返す 





(JavaScriprl.2) 
unwatch() 
watch() 





プロ パテ ィ の 監視 を 解除 する 
プロ パテ ィ を 監視 する 





(avaScriptl.3) 











toSource() オブ ジェ クト の 値 を 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
な し 
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Boolean オ ブ ジ ェクト 
(JavaScript1 .1 ~) 
真 (rue) の 値 と 、 偽 (名 se) の 値 を 作成 する オプ 


ジェ クト 。 


【 オ ブ ジ ェクト の 作成 】 
オプ ジェ クト 名 = new Boo1ean ( ) 


[用法 】 
オプ ジェ クト 名 .property 
オプ ジェ クト 名.method 


【 プ ロバ ティ 】 
(avaScripr1.0) 
未 対応 


(0avaScriptl.1) 
constructor 
Properties 





オブ ジェ クト の 作成 元 
新しい プロ バテ ィ の 作成 





メソ ッ ド 】 
(0avaScriptl.0) 
未 対応 


(avaScriprl.1) 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト な 文字 列 に 変え る 
valueOf() オブ ジェ クト の 値 を 返す 








(UavaScript1.3) 


toSource() オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 
な し 


ビル トイ ン オ ブ ジ ェクト 


Number オ ブ ジ ェクト 
(JavaScript1 .1 ) 
最大 値 な どの 属性 を 持っ た 数 値 を 作成 する オブ 


ジェ クト 。 


【 オ ブ ジ ェクト の 作成 】 
オプ ジェ クト 名 = new Number ( ) 


【 用 法 】 
オプ ジェ クト 名.property 
オプ ジェ クト 名.method 








【 プ ロバ ティ 】 
(0avaScript1.0) 
未 対応 
(avaScriprl.1) 
MAX_VALUE 最大 値 を 表す 数 値 
MIN_VALUE 最小 値 表 す 数 値 
NaN 値 数 が 値 で は 無い こと を 表す 
NEGATIVE マイ ナス 方 向 の 限界 の 値 、 越 える と 
INFINITY "overflow' を 返す 
POSITIVE_ ブラ ス 方 向 の 限界 の 値 、 越 える と 
INFINITY "overflow" を 返す 
Cconstructor オブ ジェ クト の 作成 元 
properties 新しい プロ バテ ィ の 作成 
[メソッド] 
(0avaScript1.0) 
未 対応 
(avaScriprl.1) 
eval() 文字 列 を 数 値 に 変え る 
toString() オブ ジェ クト を な 文字 列 に 変え る 
valueOf() オブ ジェ クト の 値 を 返す 





(JavaScript1.3) 








toSource() オブ ジェ クト の 値 な 文字 列 で 返す 
【 イ ベン ト ハ ンド ラ 】 
な し 


RegularExpression オ ブ ジ ェクト 
(JavaScript 1 . ら ー) 
正規 表現 関連 の オプ ジェ クト 。 


【 オ ブ ジ ェクト の 作成 】 

だ 規 厩 現 = / パ ター ン の 規定 / [1 /g9/gr] 
regexp = new RegExp( "パタ ー ン の 下 定 ", 
MDAPO2 














【 オ プシ ョ ン ( 省 略 可能 )] 

i 大 文字 、 小 文字 無視 

9 完全 一 致 

gi 大 文字 、 小 文字 無視 し て 完全 一 致 

【 ブ ロバ ティ ] 

(avaScriptl.2) 

global 完全 一 致 

ignoreCase 大 文字 、 小 文字 無視 

lastIndex 次 の バタ ー ン マッ チ を 始め る 位置 
source マッ チ さ せる バタ ー ン 

input ($ で も 可 ) 検索 文字 列 の 設定 、 変更 

multiine 改行 コー ド を 無視 する か どう か 。true 
⑱ で も 本 (無視 し な い )、false( 無 視 す る ) で 設定 


lastMatch バタ ー ン が マッ チ し た 最後 の 文字 
($& で も 可 ) 


lastParen バタ ー ン が マッ チ し た 最後 の サブ ス 
(時 で も 本 トリ ング 
leftContext 。 バター ン が マッ チ し た も の の 直前 の 
($\Q で も 可 ) 

htContext 。 パターン が マッ チ し た も の の 次 の 
⑱ で も 本 文字 
$1-$9 バタ ー ン が マッ チ し た も の の 一 部 を 

将 え る (9 個 まで ) 




















ぱ ソ ッ ド 】 
(avaScripr1.2) 
compile() ルー ズ 文 内 で 使う パタ ー ン を 作成 する 
exec() 指定 し た パタ ー ン と 同じ パタ ー ン を 
見 つけ る 
test() 同じ バター ン が ある か どう か テス ト 
する 





(0avaScript1.3) 





108ource () "オブ ジェ クト の 値 を 文字 列 で 返す 





【 イ ベン ト ハ ンド ラ 】 
な し 
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8. Top-Level プ ロ パ ティ 


オプ ジェ クト に 関係 な く 使用 で きる プロ パテ ィ 。 


(JavaScripr1.3) 
Infinity 無限 大 を 表し て いる 数 値 
NaN 数 値 で な い 値 (Not A Number) 
undefined 不 確 定 な 値 








9. ピル トイ ン 関 数 (top-level 関 数 ) 


JavaScript に は 、 始め か ら 定義 8 され て いる 関数 が あり 、 そ れ を ビル トイ ン 関 数 と いい ます 
ビル トイ ン 関 数 は オプ ジェ クト に 依存 する こと な く 、 ス クリ プ ト 内 の どこ か ら で も 使用 する こと が で きま す 。 














(JavaScript1.0) (JavaScriptl.2) 
parselnt() 文字 列 を 整数 に 変更 する Number() オブ ジェ クト を 数 に 変換 する 
parseFloat() 文字 列 を 浮動 小数 点 に 変更 する String() オブ ジェ クト な 文字 列 に 変換 する 
escape() 文字 を ASCI 形 式 に 変換 する 
(unescape() の 逆 ) (JavaScript1.3) 
unescape() ASCII 形 式 を 文字 に 変換 する iSFinite() 有限 数 か どう か 判断 する 
(escape() の 逆 ) 
isSNaN() 値 が 数 値 か どう か 判断 する 


(avaScript1.1) 
taint() デー タ 参 照 を 許可 し な いよ うに する 
untaint() taint() を 無効 に する 








※"taint()" 及び "untaint()" は 、 通 常 の ブラ ウザ で は 機能 し ま 
せん 。 また 、JavaScript 1.2 で は 削除 され まし た 。 
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Netscape Navigator で スタ イル シー ト の 情報 を 取得 する 方 法 


Netscape Navigatorr で は 、 ス タイ ル シ ー ト も レイ ヤー と 同じ 用 法 で 取り 扱う こと が で き 
ます 。 こ の 時 、 ス タイ ル シ ー ト で 設定 する [ID] が その まま JavaScript の オプ ジェ クト 名 に 
な り ま す 。 

次 の サン プル は 、 レ イヤ ー オ プ ジ ェ クト の 「 レ イヤ ー の 情報 を 取得 する 」 (P.416) の レイ 
ヤー 部 分 を 、 ス タイ ル シ ー ト に 変更 し た も の で す 。 レ イヤ ー と 同じ よう に 、 ス タイ ル シ ー 
ト の 情報 が 取得 で きる こと が 分 か る で し ょ う 。 

し か し な が ら 、Netscape Navigator の スタ イル シー ト の サポ ー ト に は 、 多 く の 間 題 が あ 
り ま す 。 詳 し く は 「 ク ロス プラ ウザ DHTML を 作る に は ](P.578) で 触れ て いる の で 、 そ ち 
ら も 合わ せ て 参考 に し て くだ さい 。 


ォ * ス タイ ル シ ー ト の 情報 を 取得 する (Netscape) 


オブ ジェ クト 名 :STY1 
画面 本 か ら の 位置 :200 
か ら の 位置 :50 











<HTML><HEAD><TTTLE></TTTLE></HEAD> 
<BODY BGCOLOR="#FFFFEFF"> 
* ス タイ ル シ ー ト の 情報 を 取得 する (Netscape ) <P> 
<DTV TD= "STY1! STYLE="position:absolute: 1eft:200px: top:50px: width:100px: 
height:100px:2-TNDEX:1:visibi1ity:visible: "> 

<TMG SRC="1mage.g1fF" ALT="1mage .91F" WTDTH=100 HETGHT=100> 
< く /DTV> 
<SCRTPT LANGUAGE= "JavaScript1 .2"> 
さ ! 一 こ 
document .write ("オブ プ ジ ェ クト 名 : " , document . 1ayers [ "STY1" ] .name) : 
document .write ("<BR>" ) : 
document .write( "画面 左 か ら の 位置 :" , document . 1ayers . STY1 . 1eft) : 
document .write ("<BR>" ) : 
document .write ( "画面 上 か ら の 位置 : " , document . 1ayers . STY1 . top) : 
document .write ("<BR>" ) : 
document .write ( "画面 左 か ら の 位置 : " , document . 1ayers [0] .pageX) : 
documen .wr1Ee ("<BR>" ) : 
document . write( "画面 上 か ら の 位置 : ", document . 1ayers [ "STY1"] .pageY) : 
documen .wriEe ( "<BR>" ) : 
document .write ( "2-Tndex の 値 : " ,document . 1ayers [ "STY1" ] .zTndex) : 
documen . write ( "<BR>" ) 
document .write ("レイ ヤー の 可視 属性 : " ,document . 1ayers [ "STY1" ] ・V1S1b111ty) : 
/ の ニョ 
</ SCRTPT> 
< く / BODY></HTML> 
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DynamicHTML と は ? 


DynamicHTML と は 、 大 雑 提 に いえ ば 、 ペ ー ジ 上 に コン テン ツ の 正確 な 位置 や 重なり を 
指定 し 、 そ の コン テン ツ を オプ ジェ クト と し て 捕らえ (DOM=Document Object Model)、 そ 
の オプ ジェ クト を スク リプ ト な ど を 使用 し て 、 位 置 や 重なり を 変化 させ る 技術 と な り ま す 。 

本 書 の 場合 、「Layer オ プ ジ ェ クト ] の 「 レ イヤ ー の 表示 ・ 非 表示 を 切り 替え る ] (P.424) 
や 、「 レ イヤ ー を 移動 する | (P.425) 、「 レ イヤ ー の 背景 色 を 変え る |](P.427) な ど が 、 Dynamic 
HTML に な り ま す 。 


DynamicHTML は 、Netscape Navigaror で も Internet Explorerr で も 、 バ パー ジョ ン 4.0 か ら 
サポ ー ト され まし た 。 

し か し 、Netscape Nayigator と Internet Explorer で は 、DynamicHTML の 実装 に 微妙 な 違 
い が あ り ま す 。DynamicHTML を 、Netscape Navigator で は コン テン ツ の 位置 決め に レイ 
ヤー と CSS-P を 、 そ し て オプ ジェ クト の 動き を avaScript で 設定 する こと で 実現 し て いま 
す 。Internet Explorer4.0 で は コン テン ツ の 位置 決め に CSS-P を 、 オ プ ジ ェ クト の 動き を 
VBScript や JavaScript な ど で 設定 する こと で 実現 し て いま す 。 こ の 実装 の 違い に より 、 
Netscape Navigator と Internet Explorer 両 方 で 同じ よう に 動く DynamicHTML を 作る の は 、 
簡単 と は いえ ず 、 ち ょ っ と し た コツ の よう な も の が 必要 で す 。 


また 、 現 在 Netscape Navigator や Interne Explorer で 採用 され て いる DOM の 用 法 は 、 ま 
だ W3C に よる 標準 化 が 確定 する 前 だ っ た の で 、 そ れ ぞ れ が 標準 と は 違う 独自 の 仕様 に な っ 
て いま す 。 

Netscape 社 の 「Mozilla.org] が 開発 し て いる レン ダリ ング エン ジン 「Gecko] は 、W3C の 仕 
様 に 完全 準拠 する 予定 で す 。 し た が っ て 、「Gecko] を 採用 する 予定 の Netscape Navigator5.0 
で は 、DynamicHTML の 設定 方 法 が 変わ る こと に な り ま す 。 標準 仕様 の 採用 に より 設定 方 
法 が 変わ る こと に 関し て は 、「 新 し い 方 法 を 新た に 勤 強し な けれ ば いけ な い ]、「 ペ ー ジ を 
作り な お さ な け れ ば いけ な い 」 な ど 、 確 か に 面倒 な ぃ こと で は あり ます が 、 み ん な で 決め た 
約束 ご と の 上 に 運用 され て いる イン ター ネッ ト の 世界 で は 、 敬 迎 す べき こと で し ょ う 。 

また 、Netscape Navigator5.0 以 外 に も 、[Gecko」 の 採用 を 予定 し て いる アプ リ ケ ー シ ョ 
ン が 多数 発表 きれ て お り 、 そ れ ら の アプ リケーション で は 、 同 じ DynamicHTML の ソー ス 
が 、 同 じ よ うに 動く こと が 期待 で きま す 。DynamicHTML を 使っ た ウェ ブ ペ ー ジ を 作成 す 
る 場合 は 、 今 の うち か ら 「Gecko] に 関す る 情報 に も 目 を 向け て お く こ と を お 勧め し ます 。 


・「Mozilla.org」 
hp : / /www . Moz111a . org/ 


・「The World Wide Web Consortium] 
htD : / / www . w3 . org/ 


DynamicHTML と は ? 
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クロ ス ブ ラ ウザ DHTML を 作る に は 


Netscape Navigator と Interner Explorer の DynamicHTML に は 全く 互換 が な い 、 と いう よ 
うな こと を よく 耳 に し ます 。 し か し 、 両 者 の DHTML の 基本 的 な 部 分 は 同じ 所 か ら 出 て お 
り 、 ち ょ っ と し た 工夫 で 、 両 方 の プラ ウザ で 実行 可能 な DHTML を 作る こと が 可能 で す 。 


DynamicHTML と は 、 大 雑 提 に いえ ば 、 ペ ー ジ 上 に コン テン ツ の 正確 な 位置 や 重なり を 
指定 し 、 そ の コン テン ツ を オプ ジェ クト と し て 捕らえ (DOM=Document Object Model)、 
その オプ ジェ クト を スク リプ ト な ど を 使用 し て 、 位置 や 重なり を 変化 させ る 技術 と な り ま す 。 

DynamicHTML は 、 Netscape Navigator4.x で は コン テン ツ の 位置 決め に レイ ヤー と CSS-P 
を 、 そ し て オプ ジェ クト の 動き を javaScript で 設定 する こと で 実現 し て いま す 。Internet 
Explorer4.x で は コン テン ツ の 位置 ぎ め に CSS-P を 、 オ プ ジ ェ クト の 動き を VBScript と ava 
Script で 設定 する こと で 実現 し て いま す 。 

つま り 、Netscape Navigator4.x と Internet Explorer の 4.x の DynamicHTML で は 、CSS-P 
と JavaScript の 部 分 が 共通 で 使え る こと に な り ま す 。 

た だ し 、 そ れ ぞ れ の オプ ジェ クト の 指定 の 仕方 が プラ ウザ に よっ て 、Netscape Naviga- 
tor で は 「documentlayers[" オ プ ジ ェ クト 名 "] 」、Internet Explorer で は 「documencall[" オ プ 
ジェ クト 名 中 | と 微妙 に 違い ます 。 


そこ で 、 ク ロス プラ ウザ DHTML を 作成 する 時 は 、 プ ラウ ザ を 判断 し 、 そ れ ぞ れ の プラ 
ウザ に 合わ せ た オ プ ジ ェ クト を 使用 し た スク リプ ト を 実行 する 必要 が あり ます 。 

プラ ウザ の 判断 は JavaScripr を 使用 すれ ば 可能 で す 。 次 の 例 は 、navigartorr オ プ ジ ェ クト の 
「appName] プ ロ パ テ ィ で プラ ウザ 名 を 取得 し 、string オ プ ジ ェ クト の [charAr()]」 メ ソ ッ ド を 
使用 し て 1 番 始め の 文字 を 取り 出し 、 そ の 文字 が "M" だ っ た 場合 は Internet Explorer と 判断 
し 、"N" だ っ た 場合 は Netscape Navigator と 判断 し て いま す 。 


if( navigaor .appName . charAt ( 0 ) =="M" ) { Tnternet 3 
Script } 
if( navigator .appName . CharAt ( 0 ) =="N" ){ Netscape 用 の JavaScript } 


実際 に は 、「Internet Explorer 用 の JavaScripr」 の 部 分 に Internet Explorer 用 の スク リプ ト 
を 、「Netscape Navigaror 用 の JavaScript」 の 部 分 に Netscape Navigator 用 の スク リプ ト を 記 
述 し ます 。 





578 クロ ス ブ ラ ウザ DHTML を 作る に は 


し か し 、CSS-P を 使用 し て ペー ジ を レイ アウ ト す る 時 、Netscape Navigator で は スタ イル 
シー ト の 表示 に 問題 が あり 、 背 景色 や 背景 画像 の 表示 が うま く 行 な を ませ ん 。 
例え ば 、 次 の スタ イル シー ト を Interner Explorer と Netscape Navigator で 実行 し た 場合 、 








<DTV TD="STY1" STYLE="position:absolute: Eop:50px: 1eEt:50px: 9 | 
ground :Green "> 

position:absolute:1eft: 200px: top:50px: background :Green 

</DTV> 








Internet Explorer 


Netscape Navigator 


文字 を 含め た 1 行 分 の スタ イル シー ト の 背景 色 が 変り ます が 、Nectscape Navigator で は 文字 
の 部 分 の 背景 色 し か 変り ませ ん 。 
この 問題 は 、 次 の サン プル を 実行 する と も っ と は っ きり し ます 。 








<DTV TD="STY1" STYLE="position:absolute: top:50px: 2 
background:Green "> 

く P> 

position:absolute:1efFt: 200px: top:50px: background:Green 

</P> 

<P> 

position:absolute:1efFt: 200px: top:50px: background :Green 

</P> 

< く /DTV> 
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Internet Explorer 


Netscape Navigator 


この サン プル を Netscape Navigator で 見 た 場合 、 文 字 の 後ろ し か 背景 色 が 変わ ら ず 、 ま 
だ ら に な っ て し まう こと が 解る と 思い ます 。 


更に この 間 題 は 、 次 の サン プル の よう に 「width:] プ ロ パ テ ィ と 「height] プ ロ パ ティ を 使 
用 し て 、 ス タイ ル シ ー ト の サイ ズ を 明示 的 に 設定 し て も 発生 し ます 。 








<DTV TD="STY1" STYLE="position :absolute: top:50px: 1eEt:50px: width:400px: 
height:200px: background:Green"> 

く P> 

position:absolute: top:50px: 1efEt:50px: 

< く /P> 

く P> 

width:400px: height:200px: background :Green 

< く /P> 

</DTV> 








Internet Explorer 
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Netscape Navigator 


Internet Explorer で は 、 設 定 通り に 幅 100 ピ クセ ル ・ 高 さ 200 ピ ビク セル の スタ イル シー ト 
全体 の 背景 色 が 表示 され ます が 、Netscape Navigator で 背景 色 が 変る の は 、 や は 0 り 文字 が 
ある 部 分 の み で す 。 

この 問題 を 回 避 す る た め は 、 ス タイ ル シ ー ト と 同じ 大 き さ の 画像 を スタ イル シー ト に 語 
定 す る 、 プ ラウ ザ を 判断 し て Internet Explorer の 場合 スタ イル シー ト で 、Netscape Navigator 
の 場合 レイ ヤー で ペー ジ を レイ アウ ト す る 、 な どの 方 法 が あり ます 。 


クロ スプ ラウ ザ DHTML に 関す る 情報 は 、Netscape 社 の [Dynamic HTML Sample Code] 
の 「CROSS-BROWSER 」 で も 公開 され て いま す 。 


・「Dynamic HTML Sample Code」 
http : / /developer .netscape . com/docs/examp1es/qdynhtm1 .htm1 


・「CROSS-BROWSER 」 
http: / /deve1oper .netscape . Com/docs/examples/dynhtm1 .htm]#Cross 
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JavaScript の あり が ちな ミス 


JavaScript の ソー ス 上 に 問題 が あっ た 場合 、 問 題 の 種類 と 問題 が あっ た 場所 を 示し た エ 
ラー 表示 の ウイ ンド ウ が 開き ます 。 

し か し な が ら 、 こ の ウイ ンド ウ で 指摘 され て いる 問題 が あっ た 場所 は 、 実際 に は この 場 
所 と 別 の 場所 に 不具 合 が あっ た た め に 、 エ ラー が 引き 起こ され た 場合 あり ます の で 気 を 
付け て くだ さい 。 


エラ ー 表 示 ウ イン ドウ 


eg 














また 、 自 分 の 経験 上 で スク リプ ト の 作成 時 に 起こ し や すい ミス を まとめ て み ま し た 。 ブ 
ラウ ザ で チェ ッ ク す る 前 に 、 以 下 の 項目 を も う 1 度 確認 し て みて くだ さい 。 


記述 上 の ミス 


・ 名 称 の スペ ルミ ス 

関数 名 や 変数 名 は 、 ユ ー ザ ー が 規定 の 範囲 内 で 自由 に 定義 で きま す が 、 ス クリ プ ト を 書 
いて いる 途中 で 、 ス ペル を 間違え た り 抜か し て し まう こと が よく あり ます 。 ま た 、 大 文 
字 ・ 小 文字 も 区 別 す る の で 、 そ の 点 に も 注意 が 必要 で す 。 


・ オ ブ ジ ェクト の 階層 の ミス 
ナビ ゲー タオ ブ ジ ェクト に は 、 オ プ ジ ェ クト 自体 に 階層 関係 が あり 、 そ れ ら の オプ ジェ 
クト を 使用 する 時 は 、 そ の 階層 関係 を 間違え ず に 記述 し て 使用 する 必要 が あり ます 。 特 
に Text オ プ ジ ェ クト な ど 、 階 層 の 下 の 方 に ある オプ ジェ クト で は 、 途 中 の オプ ジェ クト 
の 記述 忘れ や 、 順 番 に 気 を 付け て 下さ い 。 
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・ 関 数 名 . 変 数 名 の 取り 違え 
長い スク リプ ト を 書い て いる 時 、 特 に 変数 名 な ど は 、 値 の 代入 を 繰り 返し て いく うち 
に 、 ど の 変数 に どの 値 が 代入 され た か が 、 こ ん が ら が っ て し まう こと が あり ます 。 こ れ 
ら の 名 称 は 、 自 分 自身 が 見 て 判別 し や すい 名 称 を 設定 する こと を お 勧め し ます 、 ま た 複 
雑 な 処理 を し て いる と ころ で は 、 ど うい う 処 理 を し て いる か を コメ ント に 書い て お く の 
も よい で し ょ う 。 


・ 関 数 名 の 重複 
1 つの HTML フ ァイル 内 に 同名 の 複数 の 関数 が ある 場合 、1 番 最後 に 記述 され た 関数 の み 
が 動作 し 、 他 の 関数 は 無効 に な っ て し まい ます 。 


“" 恒 な どの カッ コ や "の 閉じ 忘れ 

処理 文 が 長く な っ た り 、 何 重 に も ネス ト ( 入 れ 子 ) さ せ て いる と 、 処 理 文 を 閉じ る [を 付 
け 忘 れ た り 、 間 違っ た 所 に 付け て し まう こと が よく あり ます 。 各階 選 ご と に 段落 を 下げ 
た り 、 コ メン ト を 付け る な どの 工夫 する こと を お 勧 めし ます 。 ま た 、 文字 列 を 閉じ る ["] 
な ども 、 文 字 列 が 長く な っ た り 、 変 数 と 一 緒 に 使っ た り し て いる と 、 う っ か り 付 け 忘 れ 
て し まい が ち で す 。 


"と ' の ネス ト ( 入 れ 子 ) の 間違い 
「" "|] で 括 ら れ た 文字 列 内 で は 、「"| を 使わ ず に [| を 使用 し ます 。 う っ か り 「 中 を 使っ て し 
まう と 、 JavaScript は 、 そ こ で 文字 列 が 終わ っ た と 判断 し て 、 エ ラー に な っ て し まい ま 
す 。 特 に イベ ント ハン ドラ 内 で 、 文 字 列 な ど を 設定 する 時 に 間違え て し まい が ち で す の 
で 、 注 意 が 必要 で す 。 


・「=] で は な く [== 
JavaScript で は 、 左 右 の 値 を 評価 し て 値 が 同じ で ある こと を 表わす 時 は 、「| 値 A = 値 B] で 
は な く 「 値 A == 値 B] と 記述 し ます 。 
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文字 コー ド 上 の 問題 


・「 表 示 」・「 予 定 ] な どの 文字 化け する 文字 に よる エラ ー 
「document.wrire()] で 文字 を 書き 出し た 時 に 、 文 字 化け する だ け で な く 、 文 字 の 組み 合わ 
せ に よっ て は エラ ー に な っ て し まう 場合 が あり ます 。 


・ ス ペー ス な の に 「 不 正 な "@" が あり ます 」 と いわ れ た 時 
スペ ー ス の 表現 に 、 半 角 ス ペー ス や 全角 スペ ー ス や タプ を 混在 し て 使用 し て いる 時 、 何 
も 問題 が な い は ず な の に 、 文 字 コ ゴー ド の 関係 で 「 不 正 な @ が あり ます (英文 )] と いう エラ ー 
が 出る 時 が あり ます 。 こ の 問題 を 回 避 す る た め 、 ス ペー ス を 空け る 時 に は 半角 英 数 の ス 
ペー ス に 統一 し て 使用 する こと を お 勧め し ます 。 ま た 、 不 要 な スペ ー ス は 、 極 力 削除 し 
て お く こ と も お 勧め し ます 。 


レイ アウ ト 上 の 問題 


・ 大 きめ の 画像 の 後に JavaScript を 記述 し た 時 
INetscape Navigator2.x で は 、 大 き な 画 像 ファ イル や カウ ンタ ー な どの 表示 に 時 間 が か か 
る も の が ある と 、 そ れ 以 降 の JavaScript が 動か な い 場 合 が あり ます 。 こ の 間 題 は 、 画像 
ファ イル の 前 に スク リプ ト を 記述 し た り 、「WIDTH]」・「HEIGHT 属 性 を 指定 する こと 
に よっ て 、 ほ ば 解決 され ます 。 


・ テ ー ブ ル の 中 ・ テ ー ブ ル の 後ろ に JavaScript を 記述 し た 時 
テー ブル 内 、 あ る い は テー ブル の すぐ 後に JavaScript を 記述 し た 時 も る 、 ス クリ プ ト が 動か 
な い 場 合 が あり ます 。 こ の 間 題 は 、Netscape Navigator2.x・3.x で 見 られ 、 テ ー ブ プル の サ 
イズ に 余裕 を 持た せ た り 、 テ ー プ ブル より 前 に スク リプ ト を 記述 する こと に よっ て 、 ほ ぼ 
解決 され ます 。 


・ ア ニメーション GIF と 同時 に 使用 し た 時 
Netscape Navigator2.x で 、 ア ニメーション GIF と JavaScript を 同時 に 使用 し て いる ペー ジ 
を 見 た 場合 、 ペ ー ジ の 読み 込み が 途中 で 止ま っ た り 、 ブ プラ ウザ が 不安 定 に な っ て シス テ 
ム る エラー な ど を 引き 起こ す 場 合 が あり ます 。 こ の 問題 は 、Netscape Navigator3.0 で は 解 
決し て いま す が 、 そ れ 以 前 の プラ ウザ を 対象 に し た ペー ジ で は 、 ア ニメーション GIF と 
JavaScript の 同時 使用 は 避け た ほう が よい で し ょ う 。 
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「window.open()」 を 使用 する 時 の 注意 


・ 開 いた ウイ ンド ウ に 文字 が 記述 され な い ・ 最 後 の 1 行 が 表示 され な い 
[window.open()] で 開い た ウイ ンド ウ に 「document.write()」 で 文字 を 書き 出し た 時 、 
[document.close()」 で ドキ ュ メ ント スト リー ム を 明示 的 に 閉じ て いな いと 、 全 く 表 示さ れ 
な か っ た り 、 最 後 の 1 行 が 表示 され な か っ た りす る 場合 が あり ます 。 


・Window.open() で 開い た ウイ ンド ウ 内 の 画像 は フル バス で 
「window.open()」 で 開い た ウイ ンド ウ に 画像 ファ イル を 表示 させ る 時 、Netscape 
Navigator2.x な ど 一 部 の プラ ウザ で URL を フル パス で 指定 し て いな いと 、 画 像 が 表示 さ 
れ な い 場 合 が あり ます 。 


デバ ッ グ 時 の TIP 


・「setTimeout()」 は 時 間 設 定 を た 大 きめ に し て テス ト す る 

リア ル タ イ ム の 時 間 表 示 や ヤ ア ニメーション する JavaScript の よう な 、 一 定時 間 に 処理 を 繰 
り 返 す ス クリ プ ト 中 に に ミス が ある と 、 エ ラー を 表示 する ウイ ンド ウ が 繰り 返し 出 て 、 
どう し よう も な い 状 態 に な る 時 が あり ます 。 こ の よう な スク リプ ト を デパ バック する 時 に 
は 、 繰 り 返し 時 間 の 設定 を 長め に し て お いて 、 問 題 が な く な っ て か ら 設 定時 間 を 短く す 
る こと を お 勧め し ます 。 


・ ブ ラウ ザ は 1 度 終了 させ て か ら 
キャ ッシュ 機能 が 働く た め 、 プ ラウ ザ の 「Reload」 ボ タン を 押し た だ け で は 、HTML フ ァ 
イル が 更新 され な いり 場合 が あり ます 。 も し 、 記 述 ミ ス や 構文 ミス が 何 も な い の に まだ エ 
ラー が 出る 時 に は 、1 度 プラ ウザ を 終了 させ て か ら フ ァイル を 読み 込み 直し て みて くだ 
さい 。 
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JavaScript の バー ジョ ン 記 述 に よる エラ ー 回 避 


<SCRIPT> タ グ 内 の 「LANGUAGE] オ プシ ョ ン 指 定 で 、[LANGUAGE=JavaScript1.1] や 
ILANGUAGE=JavaScript1.2] と いっ た 具合 に JavaScript の バー ジョ ン を 記述 すれ ば ぎ 、 ペ ー 
ジ を 読み 込む 時 に 、 そ の バー ジョ ン の プラ ウザ で は 未 対応 の JavaScripr が 記述 し て あっ て も 
エラ ー に な る こと は あり ませ ん 。 

し か し 、 こ の まま で は イベ ント ハン ドラ で イベ ント を 発生 させ た 時 な ど に 、 エ ラー を 起 
こし て し まう 場合 が あり ます 。 こ の よう な 問題 を 回 避 す る た め の 1 つ の 方 法 と し て 、 ダ ミー 
の スク リプ ト を 設定 する と いう 方 法 が あり ます 。 

例え ば 、「Image オ プ ジ ェ クト |] の 「 ア ニメーション に スタ ー ト ・ ス トッ プ ポ タン を 付け る ] 
(?.404) の 場合 、Image オ プ ジ ェ クト に 未 対応 の Netscape Navigator2.x の プラ ウザ で この 
ペー ジ こ の まま を 見 る と 、 ペ ー ジ の 読み 込み 時 に は 何 も 起 こら な い の で す が 、「 ス ター ト ] 
ある い は 「 ス トッ プ ] ボ タン を 押し た 途 端 、 エ ラー 表示 の ウィ ンド ウ が 開い て し まい ます 。 

この よう な 場合 、 次 の よう に 画像 ファ イル を アニ メー ショ ン さ せる スク リプ ト の 前 に 、 
何 も し な い ダ ミー の スク リプ ト を 記述 すれ ば 、Netscape Navigaror2.x で は 「Language] オ プ 
ジ 結 ン が [JavaScript1.1] の ス クリ プ ト に は 反応 し な い の で 、 ダ ミー の スク リプ ト が 評価 さ 
れ て エラ ー 表 示 の ウィ ンド ウ は 表示 され ませ ん 。 








<SCRTPT Language= "JavaSoript"> 
= ニー 

function anime1(){ } 

function stop1(){ } 

パコ ュ == テ 

</ SCRTPT> 

<SCRTPT Language= "JavaScript1 .1"> 
ポコ ニー 

var TimeSet1 = 500 : 

Var TmageSetA = 1 : 








) 


また 、Netscape Navigator3.0 以 上 の プラ ウザ で は 、 両 方 の スク リプ ト が 認識 され ます 
が 、 同 じ 関 数 名 が あっ た 場合 、 よ り 後 に 記述 され た 関数 が 評価 され る の で 、 正 常に スク リ 
プ ト が 実行 され ます 。 

も ちろ ん 、 ダ ミー の 部 分 に Netscape Navigator2.x 用 の 処理 を 設定 し て も 構い ませ ん 。 

本 書 で は この 他 に も 、 ブ プラ ウザ ー の 種類 や バー ジョ ン に よっ て ペー ジ を 振り 分 ける 
(|locadon オ プ ジ ェ クト 」 の |「 各 ブラ ウザ 専用 ペー ジ に 振り 分 ける ] : P.357) な どの 方 法 を 紹 
介し て いま す の で そちら も 参考 に し て くだ さい 。 
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Netscape Navigator の エラ ー ウ ィ ン ド ウ 


Netscape Nayigator4.06 か ら ]avaScript1.3 が サポ ー ト され た の と 共に 、 今 まで 問題 が ある 
JavaScript の コー ド を 含ん だ HTML フ ァイル を プラ ウザ で 読み 込ん だ 時 に 表示 され て いた 、 
JavaScript Error の ウィ ンド ウ が 表示 され な く な り ま し た 。 

この 対応 は 、 ネ ッ ト サ ー フ ィ ン を し て いる 最 中 、 ユ ー ザ ー は 何 も 悪 く な い の に 突然 エ 
ラー ウィ ンド ウ が 表示 され る こと が な く な っ た と いう こと な の で 、 ユ ー ザ ー に 対し て は 適 
切な 対応 と いえ ます 。 


な お 、JavaScript の 動作 チェ ッ ク を する 時 な ど は 、 ロ ケー ショ ン バ パー に [javascripr」 と 打 
ち 込 ん で 開く コン ソー ルウ ィ ン ド ウ に 、 エ ラー が 発生 し た 時 の エラ ー の 発生 場所 や 内 容 が 
表示 され る の で 、 こ れ で デバ ッ ク を 行う こと に な り ま す 。 ま た 、「Nertscape Preferences] 
ファ イル に 次 の 1 行 を 追加 し て お く と 、JavaScript エ ラー が 発生 し た 時 、 自 動 的 に エラ ー 内 
容 を 表示 し た コン ソー ルウ ィ ン ド ウ が 開く よう に な り ま す 。 


uSer_pref ( "avasCript .Conso1e .ODen_On_error" , rUG) : 


JavaScript の デバ ッ グ を 行う こと が 多く 、Error ウ ィ ン ド ウ は 和 常に 表示 され る よう に な っ 
て いて 欲し い の で あれ ば 、 こ れ を 設定 し て お く の も よい で し ょ う 。 ま た 、「Netscape 
Preferences]l で 、 コ ン ソ ー ル ウィ ンド ウ を 開く よう に 設定 し た 後 も 、 以 下 の よ うに 、「falsc] 
を 設定 する こと に より 、 コ ン ソ ー ル ウィ ンド ウ を 開か な いよ うに する こと が で きま す 。 


uSer_pref ( "avVaScript .cConso1e .Open_on_error", fFa1Se) 


エラ ー コ ン ソ ー ル 
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JavaScript1.2 で 追加 ・ 変 更 され た 用 法 


ここ で は 、JavaScripr1.2 で 追加 ・ 変 更 され た 用 法 の うち 、 本 文中 で 解説 し きれ な か っ た 
事 栖 に つい て 、 ま と め て いま す 。 


追加 . 変 更 さ れ た Array オ ブ ジ ェクト の 用 法 
次 の 用 法 で 配列 を 作成 で きる よう に な り ま し た 。 
【 用 法 】 


配列 名 = [e1ement0, el1ement1, ..., elementn] 


サン プル は 、Array オ プ ジ ェ クト の [配列 の 要素 を 文字 列 に し て 書き 出す 」(P.496) の サン 
プル を 、 こ の 用 法 を 使っ て 書き 直し た も の で す 。 








<SCRTPT LANGUAGE= "JavaScript1 .2"> 

ob コジ 

hairetu= ["0 番 目 ", "1 番目 " , "2 番目 " , "3 番目 "] : 
document .write(hairetu.]oin("/") ) : 

7 ニニ ニテ 


</ SCRTPT> 








また 、 次 の サン プル の 場合 、JavaScripr1.2 以 前 で は 「undefined] と な り ま す が 、 Java 
Script1.2 で は 「1」 と 値 を 返す よう に な り ま し た 。 








<SCRTPT LANGUAGE= "JavaScript1 .2"> 
さり = ニニ ェ 


a = new Array (1 ) 
document .write(a[0] ) : 
ーー コテ 

</ SCRTPT> 
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変更 され た toStrin 互 の 値 


オブジェ クト を 文字 列 に 変換 する 「toSrring()]」 メ ソ ッ ド を 、 JavaScripr1.2 で 使用 する と 、 
JayaScript1.2 で 追加 され た オプ ジェ クト や 配列 の 形式 で 書き 出さ れ ま す 。 


例え ば 、 下 の サン プル の 場合 、 書 き 出さ れる 文字 列 は 、「[object Object]] と な ら ず に 
[fcolor:red, size:2.21 」] と な り ま す 。 








<SCRTPT LANGUAGE="JavaScript1 .2"> 

に に て 

mystring = new Objec() : 
myStrinqg.Color = "red": 
mystring.S1ze = 2.2: 

document .write (mysEring .toStrind ( ) ) 
7 ご ニ ニー 

</SCRTPT> 








変更 され た Number オ ブ ジ ェクト の 用 法 


下 の サ ンプ ル の よう に 「Number()]」 メ ソ ッ ド で 数 値 以外 の 値 を 設定 する と 、Netscape 
Navigator4.0 以 前 の プラ ウザ で は エラ ー に な り ま す が 、JavaScripr1.2 に 対応 し た Netscape 
Navigator4.0 か ら は 、「NaN] の 値 を 返す よう に な り ま し た 。 








<SCRTPT LANGUAGE= "JavaScr1ipt "> 
く ! ニーー 

x = Number( "one") 

document . write (x) : 

が ピーー シ 

</SCRTPT> 
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変更 され た strin 上 オブ ジェ クト の 用 法 


文字 列 を 分 割 する [splir0] メ ソ ッ ド を javaScripr1.2 で 使用 する と 、「 文 字 列 .plit(" )」] と し 
て スペ ー ス で 分 割 す る よう に 指定 し て も 、 タ プ ・ 改 行 な ど の 特殊 記号 や 、 複 数 の スペ ー ス 
な ど が 認識 され る よう に な り ま し た 。 

例え ば 、 下 の サン プル を JavaScript1.2 で 実行 し た 場合 、 結 果 は 「["Welcome", "To"' "My', 
"Home", "Page"] ] と な り 、 そ れ 以 前 の バー ジョ ン の JavaScript で は 、「[Welcome,,To。 
My,,,Home, Page 」 と な り ま す 。 








moz11="Welcome To \nMy Home \nPage" 
a=moz11 .sp1it(" ") 
document . write (a) 








文字 列 の 途中 の 文字 を 抜き 出す [subsring(]」 メ ソ ッ ド は 、 JavaScript1.2 で 使用 し た 時 、 設 
定 さ れ た 値 を 厳密 に 判断 する よう に な り ま し た 。 

例え ば 、 次 の サン プル を JavaScript1.2 で 実行 し た 場合 、 抜き 出す 先頭 の 文字 の 値 を 0 以下 
の 数 値 に 設定 し た り 、 抜き 出す 先頭 の 文字 より 抜き 出す 終了 位置 の 文字 を 大 き な 数 値 に 設 
定 し た 時 は 、 エ ラー に な り ま す 。 








Var mozi] = "Welcome To My Home Page": 

Var moz12 = "よう こ ぞ 私 の ホー ムペ ー ジ へ ": 
document .write (mozi1 .substring ( -2, 12) ) 
document .write ("<BR>" ) : 
document .write (moz12 .substring(12,8) ) 
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RegularExpression( 正 規 表現 ) 


JavaScripr1.2 か ら 、 一 定 パタ ー ン の 文字 ・ キ ャ ラク ター を 設定 し 、 そ れ を 使っ て 検索 や 
置き 換え が で きる よう に な り ま し た 。 

パタ ー ン の 設定 は 、 設定 する 文字 キャ ラク ター を 「/| で 括る こと に よっ て 行い ます 。 パ 
ター ン の 認識 方 法 は 、 例え ば [/abc/] と 設定 し た 場合 、 完 全 に 同じ 「abc」 と いう 文字 列 で な 
けれ ば パタ ー ン が 合っ て いる と 認識 され ませ ん 。 ま た 「/ab*c/] と 設定 し た 場合 で は 、「abc] 
だ け で な く "b" の 後に 複数 の "b" が あっ た 場合 、"abbbcr の よう な 場合 も パタ ー ン が 合っ て い 
る と 認識 され ます 。 

パタ ー ン の 設定 方 法 は 、 こ の 他 に も た くさ ん あり ます 。 


RegularExpression( 正 規 表現 ) 関 連 で は 、string オ プ ジ ェ クト に メソ ッ ド か 追加 され る と と 
も に 、 パ ター ン の 設定 を 取り 扱う RegularExpression オ プ ジ ェ クト が 追加 され まし た 。 


strin 互 オブ ジェ クト の 追加 メソ ッ ド 


【 メ ソ ッ ド 】 

match() 。 指定 し た パタ ー ン と 同じ パタ ー ン を 見 つけ る 
replace() 指定 し た パタ ー ン を 置き 換え る 

spIit() 指定 し た パタ ー ン の 部 分 で 文字 列 を 分 ける 








RegularExpression オ ブ ジ ェクト 





[正規 表現 の 作成 】 

正規 表現 = / パ ター ン の 設定 /[1i|glgi] 

regexp = new RegExp ("パタ ー ン の 設定 ", ["1" | "g" | "g1"] ) 
・ オ プシ ョ ン (省略 可能 ) 

昌 大 文字 、 小文字 無視 

9 完全 一 至 

di 大 文字 、 小 文字 無視 し て 完全 一 致 
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【 プ ロバ ティ ] 











完全 一 至 

大 文字 、 小 文字 無視 

次 の パタ ー ン マッ チ を 始め る 位置 
マッ チ さ せる パタ ー ン 

(⑱ で も 可 [検索 文字 列 の 設定 、 変更 
($* で も 可 ) 改 行 コ ー ド を 無視 する か どう か 。true( 無 視 し な い )、false( 無 視 する ) で 設定 
($SS で も 可 ) バ ター ン が マッ チ し た 最後 の 文字 

| 。(⑮+ で も 可 ) パ ター ン が マッ チ し た 最後 の / サ ブス トリ ング 

[ (⑱\Q で も 可 ) バ ター ン が マッ チ し た も の の 直前 の 文字 

t (⑧ で も 可 ) バ ター ン が マッ チ し た も の の 次 の 文字 

_ パタ ー ン が マッ チ し た も の の 1 部 を 蓄え る (9 個 まで ) 





【 メ ソ ッ ド 】 






ルー プ 文 内 で 使う バタ ー ン を 作成 する 
指定 し た バタ ー ン と 同じ パタ ー ン を 見 つけ る 
同じ パタ ー ン が ある か どう か テス ト す る 


(javaScript1.3) 
_to8ource()_ オブ ジェ クト の 値 を 文字 列 で 返す 


基本 的 な RegularExpression の 用 法 は 、 以 下 の 通り で す 。 





次 の サン プル で は 、string オ プ ジ ェ クト の [match( パ ター ン の 設定 )] メ ソ ッ ド を 使っ て 、 
一 定 の パタ ー ン の 文字 と 合っ た 文字 を 検索 し て いま す 。 








<SCRTPT LANGUAGE= "JavaScript1 .2"> 
Ss1 = "NetscapeNavgator4.0": 

Foun = s1.match ( /Nar/ ) : 

document .write(fFoun) : 

</ SCRTPT> 








付 
3 
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次 の サン プル で は 、srring オ プ ジ ェ クト の |replace( パ ター ン の 設定 ," 入 れ 替 える 文字 列 ")] 
メソ ッ ド を 使っ て 、 指 定 し た 文字 列 を 別 の 文字 列 に 入れ 替え て いま す 。 








<SCRTPT LANGUAGE= "JavaSorip1 .2"> 

82 = "NetscapeNavgator4.0": 

rep] = s2.replace ( /Navgator/ , "Communica" ) : 
document . write (rep1] ) : 

</SCRTPT> 








次 の サン プル で は 、srring オ プ ジ ェ クト の 「splir( パ ター ン の 設定 )| メ ソ ッ ド を 使っ て 、 パ 
ター ン が 合っ た 部 分 で 文字 列 を 分 割 し て いま す 。 








<SCRTPT LANGUAGE= "JavaScript1 .2"> 
Ss3 = "NetscapeNavgator4.0": 

Sp11 = s3.sp1it(/a/) 

document .write (sp11 ) : 

</SCRTPT> 








次 の サン プル で は 、「new RegExp(" パ ター ン の 設定 ")] を 使っ て RegularExpression オ プ 
ジェ クト を 作成 し 、「exec( 検 索 す る 文字 列 )] メ ソ ッ ド を 使っ て 、 一 定 の パタ ー ン の 文字 と 
合っ た 文字 を 検索 し て いま す 。 

string オ プ ジ ェ クト の [match()] メ ソ ッ ド と 似 て いま す が 、 こ の 場合 は ドキ ュ メ ント が 
アッ プ デ ー ト され ます 。 








<SCRTPT LANGUAGE= "JavaScript1 .2"> 
re = new RegExp ("Nav" ) : 

4 = "NetscapeNavgator4.0": 

exe = re.exec(84) : 

document .write (exe) : 

</SCRTPT> 
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Signed Script の 使い 方 


JavaScript1.2 で は セキ ュ リ テ ィ な どの 関係 で 、 デ ィ ス プレ イ の 表示 領域 外 に 新しい ウイ 
ンド ウ を 開く こと が で き な い 、100X100 ピ クセ ル 以 下 の サ イズ の ウイ ンド ウ を 新しく 開く 
こと が で き な い な ど 、 ス クリ プ ト の 一 部 に 制約 を か け て いま す 。 

こう いっ た 制約 を 超え て スク リプ ト を 実行 し た い 場 合 や 、 ス クリ プ ト の 動作 前 に ユー 
ザー に 認証 を し て も らい た い 時 な ど に 、Java Archive(JAR) を 利用 し て 、 ユ ー ザ ー に その ス 
クリ プ ト の 開発 元 等 の 情報 を 提示 し 、 ユ ー ザ ー の 承認 を 得 て か ら ス クリ プ ト を 実行 させ る 
と いう こと が で きま す 。 こ の 誰 証 手続 き の 用 法 を 、|[Signed Scriptl と いい ます 。 


Signed Script は 、 次 の 例 の よう に <SCRIPT> タ グ 内 で 「ARCHIVE」 と 「ID] を 指定 し て 行 
い 、 そ の 内 [ARCHIVE] は デジ タル 認証 の ソー ス で ある java Archive(]JAR) フ ァイル 名 を 、 
IID] は java Archive(JAR) フ ァイル か ら の 著名 と 組み 合わ せ て 使う 文字 列 を 指定 し ます 。 








<SCRTPT ARCHTVE= "myArchive . Ja エ " TD="1"> 
document .write ("これ は 、Signed Script 上 で す 。") : 
</ SCRTPT> 








イベ ント ハン ドラ と 組み 合わ せ て 使用 する 場合 は 、、 イ ベン ト ハ ンド ラ が 含ま れる タグ 内 
に は 「ARCHTIVE] を 指定 する 必要 は あり ませ ん が 、 次 の 例 の よう に 、 イ ベン ト ハ ンド ラ よ 
り も 前 に Signed Script の 指定 を 行っ て お く 必 要 が あり ます 。 

また 、Signed Scriprt で は 、「<A HREF="javascripk…|(「Link オ プ ジ ェ クト /Anchor オ プ ジ ェ 
クト 」 の 「 リ ンク を ボタ ン の よう に 使う ・1] : P.366) は 使え ませ ん 。 








<SCRTPT ARCHTVE= "myArchive . ar" TD="1"> 

</ SCRTPT> 

<FORM> 

<TNPUT TYPE="button" VALUE=" ク リッ ク し て !!" onC1ick="a1ert ( "これ は Signed Script 
で す ! !') " TD="2"> 

</FORM> 
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「ARCHIVE」 で 指定 する Java Archive(JAR) フ ァイル は 、1 種 類 し か 使用 で きま せん 。 始 め 
の HTML フ ァイル 中 に Java Archive(JAR) フ ァイル が あっ た 場合 、 そ れ 以降 の [Signed Scnpl 
で 指定 され た スク リプ ト は 、 次 の 例 の よう に 「ID] を 指定 する こと に より 、 同 じ Java 
Archive(JAR) フ ァイル を 使用 する よう に し ます 。 

この 時 、HTML フ ァイル が 異な っ た プラ ッ ト フ ォ ー ム の サー バー 上 に 別れ て 置か れ て い 
る よう な 場合 (例え ば Windows と UNIX の 間 )、 問 題 が 発生 する 可能 性 が あり ます 。 








<SCRTPT ARCHTVE= "myArchive . Ja て" TD="1"> 


document .write ( "これ は 、Signed _ Script です 。" ) : 
</ SCRTPT> 


<SCRTPT TD="2"> 
document . write ("これ も 、Signed Script で す 。") : 
document .write( "<BR>" ) : 


document .write ( "myArchive . Ja て エ の デジ タル 認 証 を 使用 し て いま す 。" ) : 
</ SCRTPT> 








JAR の 詳し い 情 報 は 、 下 の サイ ト か ら 得 られ ます 。 


・「USigning Software with Netscape Signing Tool.60]」 


http: / /deve1oper .netscape . Com/docs/manuals/s1gnedob] / zigber/ 
1index .htm 
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Live Connect 


Netscape Navigator3.0 か ら は 、JavaScript を 使っ て プラ ウザ 上 の java アプ レッ ト や プラ グ 
イン を 制御 する た め の 仕 掛け が 用 意 さ れ ま し た 。 こ の 仕掛 け を 「Live Connect] と いい ます 。 

Live Connect を 使用 する た め に は 、Java ア プレ ッ ト も プラ グイ ン も Live Connect に 対応 
し て いる 必要 が あり ます 。 

Netscape 社 で は 、 プ ラウ ザ 上 か ら Web サ ー バ ー の 設定 を 可能 に する た め に この Live 
Connect の 技術 を 使う な ど 、 プ ラウ ザ を 他 の 機能 と 結び 付け る た め の 接着 剤 の 役割 と し て 
使っ て お り 、 今後 ます ます 利用 範囲 が 広がっ て 行く と 思わ れ ま す 。 


Live Connect に 関し た javaScript 側 で 用 意 さ きれ て いる オプ ジェ クト に は 、Applet オ プ ジ ェ 
クト と embeds 配 列 が あり ます 。 


Applet オ ブ ジ ェクト (配列 ) 
[用 法 】 


・document . app1ets [イン デック ス ] 
・document .applets . 1ength 


【 プ ロ パ ティ 】 
length アプ レッ ト の 数 (配列 数 ) 








【 メ ソ ッ ド 】 

JavaApplee の すべ て の "public method" 
Val() 文字 列 を 数 値 に 変え る 
1oString() オブ ジェ クト な 文字 列 に 変え る 
ValueOf() オブ ジェ クト の 値 を 返す 








embeds 配 列 
[用 法 】 


・document . embeds [イン デック ス ] 
・document . embeds . 1ength 


【 プ ロ パ ティ 】 
jength プラ グイ ン の 数 (配列 数 ) 








【 メ ソ ッ ド 】 
各 プ ラグ イン 独自 の メソ ッ ド 
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次 の サン プル は 、Netscape Navigator3.0 が 標準 で 持っ て いる プラ グイ ン 「LiveAudio」 を 、 
Live Connect を 使っ て 制御 し た 例 で す 。 

[as01.a 導 |、[as02.ai 任 |、|as02.ai 任 | の 3 種類 の 音声 ファ イル を 用 意 し て 、 通 常 の プラ グイ 
ン の 操作 パネ ル を 見 えな い 状 態 に し 、 そ の 代わ り に 、 フ ォ ー ム の ボタ ン が 押さ れ た 時 に 、 
ボタ ン で 指定 し た 音声 ファ イル を LiveAudio で 音楽 の 再生 を させ る 「play(false)] メ ソ ッ ド を 
使用 し て 、 再 生 さ せる よう に し て いま す 。 


*Live Oonnect を 使っ た ブラ グイ ン の 制御 


を | 季 | neaca | 











<HTML> 

<HEAD> 

<TTTLE>LTVE CONNECT</TTTLE> 

<SCRTPT LANGUAGE= "JavaScript"> 

館 = 

function LC(p) { document . embeds [p] .play (fa1se) 
が 0 ニー ピロ 

</SCRTPT> 

</HEAD> 

<BODY> 

*Live Connec 上 を 使っ た プラ グイ ン の 制御 <P> 

<EMBED SRC="as01 .a1FF" HTDDEN=TRUE> 

<EMBED SRC="as02.a1FF" HTDDEN=TRUE> 

<EMBED SRC="as03 .aiEE" HTDDEN=TRUE> 

<P> 

<FORM> 

<TNPUT TYPE="button" NANE= "LC1" VALUE=" ポ ー ン !!" onC1ick="LC(0) "> 
<TNPUT TYPE="button" NANE= "LC2" VALUE=" 拍 手 !!" onC1ick="LC(1) "> 
<TNPUT TYPE="button" NANE= "LC3" VALUE=" バキ ュー ン !!" onC1ick="LC(2) "> 
</FORM> 

</BODY> 

</HTML> 


ーー 











に 


68kMacintosh な どの ブ プラットフォーム に よっ て は 、 LiveAudio の Live Connect が サポ ー ト され て い 
な い 場 合 が あり ます 。 
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JavaScript の 2000 年 問題 


JavaScript1.3 で は 、 西 暦 を 4 桁 で 表示 する 「getFullYear()] メ ソ ッ ド が 追加 され まし た 。 今 
後 は 、 な る べく この メソ ッ ド を 使う こと を お 勧め し ます 。 し か し な が ら 、 現 時 点 で は 、 
JavaScript1.3 に 未 対応 の プラ ウザ が 多く 出回っ て いる の で 、「gerYear()」 メ ソ ッ ド を 使わ な 
けれ ば いけ な い 場 合 も 多い で し ょ う 。 

「getYear()」 メ ソ ッ ド は 、 基 本 的 に 西暦 の 下 2 桁 を 取得 する メソ ッ ド な の で 、1999 年 は 
「99]、2000 年 に な る と 「100] の 値 を 返し ます 。 し か し 上 厳 害 に いう と 、 JavaScripr1.1 で は 、 
1999 年 まで は 西暦 の 下 2 桁 を 取得 し 、2000 年 以降 は 4 桁 で 取得 する よう に 仕様 が 変更 され 
て いま す 。 こ の た め 、Netscape Navigator3.0 な どの JavaScriptl.1 対 応 プ テラ ウザ で は 、1999 
年 まで は 「99] と 2 桁 、2000 年 に な る と 「getFullYear(0] メ ソ ッ ド と 同じ よう に 、「2000」 の 値 
を 返し ます 。 そ し て 更に 複雑 な こと に 、「getFullYear()」 メ ソ ッ ド が サポ ー ト され て か ら 
「getYear(0] メ ソ ッ ド は 、 再 び 2000 年 以降 も 西 礎 の 下 2 桁 を 返す よう に 戻さ れ て いま す 。 

つま り 「getYear()]」 メ ソ ッ ド は 、2000 年 に な る と Netscape Navigator2.x で は 「100]、 
Netscape Navigator3.x で は |2000]、Netscape Navigator4.x で は 「100] を 返す プラ ウザ と 
「2000] を 返す プラ ウザ が ある の で す 。 し か も この 内 、Netscape Navigator4.x で は 、 ど の 
バー ジョ ン が [100] を 返し 、 ど の パー ジョ ン が 「2000] を 返す か は 、OS な ど に よっ て 違い が 
あり ます 。 

この JavaScript の 2000 年 に まつ わる 問題 を 回 避 す る に は 、 例 えば 、 次 の よう な 方 法 が あ 
り ま す 。 








<SCRTPT LANGUAGE= "JavaScr1pt "> 

の は デー 

now = new Date() : 
if ( now.getYear( ) >= 2000 ){ document .write (now.getYear ( ) , " 年") } 
else { document .write(now .getYear ( ) +1900, "年 ") } 

/ ニ ニーp 

< く / SCRTPT> 








こう し て お け ば 、2000 年 以降 を 4 桁 で 返す 「getYear()]」 メ ソ ッ ド は その まま 表示 され 、 そ 
れ 以 外 の 場合 で は 、 取 得 し た 値 に 「1900] を 加え る こと に よっ て 、4 桁 の 西暦 に 直し て 表示 
され ます 。 
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同じ 方 法 で 、[Date オ プ ジ ェ クト | の 「 リ アル タイ ム に 年 ・ 月 ・ 日 を 表示 する ](P.456) に 、 
この 2000 年 対策 を 施す と 次 の よう に な り ま す 。 








<HTML> 
<HEAD> 
<TTTLE></TTTLE> 
<SCRTPT LANGUAGE= "JavaScr1pt"> 
トド ーー 
var TC = 0: 
Function DayWatch() { 

if (TC < 1200) { // 10 分 後に タイ マー を 止め る 処理 

TC++ : //10 分 後に タイ マー を 止め る 処理 

var day = new Date() : 

ifF ( day.getYear() >= 2000 )( var year = day.getYear() } 

else ( var year = day.getYear () +1900 } 

var month = day.getMonth ( ) +1: 

var date = day.getDate( ) : 

if (month < 10) ( / / 月 . 日 が 一 桁 の 時 頭 に 0 を つけ る 処理 
month = "0" + month: 
} 
if (date < 10) { 
date = "0" + date: 
} 
document .Watch1 .watch1 .value = year +"."+month+" ."+date: 


setTimeout ( "DayWatch( ) ", 500): 
8) / / 10 分 後に タイ マー を 止め る 処理 
} 
メー ニー ニー み 
</ SCRTPT> 
く /HEAD> 


<BODY  BGCOLOR="#FFFFFF" onLoad="DayWatch ( ) "> 
* リ アル タイ ム に 年 . 月 . 日 を 表示 する ( 2000 年 対応 済 ) <P> 

<FORM NAME="Watch1" > 

<TNPUT TYPE="Eext" NAME="watch1" STZE=10> 

< く /FORM> 

</ BODY> 

</HTML> 
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JavaScript 作 成 ツ ー ル 


この 頃 で は 、Web ペ ー ジ 作成 用 の ツー ル の 中 に 、JavaScript に 対応 し た も の が 数 多く 発表 
され て いま す 。 こ れ ら の ツー ル の ほとん ど が 、 設 定 画面 か ら 項目 を 選択 し た り 必 要 な 値 を 
設定 する だ け で 、Netscape Navigaror・Interner Explorer ど ちら で も 実行 で きる JavaScript の 
コー ド を 自動 的 に 生成 する こと が で きま す 。 

これ ら の ツー ル は 、 自 分 で スク リプ ト を 書く の と 培い 、 で きる 範囲 は ほそ の ツー ル の 機能 
内 に 決ま っ て いま す が 、 手軽 に JavaScript を 使っ た ペー ジ を 作り た いよ うな ユー ザー に は 有 
効 で し ょ よう 。 ま た 、 こ れ ら の ツー ル が 生成 する JavaScript の コー ド を 眺め る の も 、 勉 強 に な 
り ま す 。 

JavaScript の 自動 生成 機能 を 持っ た ツー ル を いく つか 上 げ て お きま す の で 、 参 考 に し て く 
だ さい 。 


・「Adobe GoLive」 

htp : / /www . adobe . co . jp/product/go1ive/index . htm1 
アド ビシ ステ ムズ 社 の サイ ト 管 理 機能 も 含む 本 格 的 な Wcb ペ ー ジ 作成 ・ 管 理 ツ ー ル 。 
JavaScript を ペー ジ 上 に 埋め 込む 機能 の 他 、Nerscapc Navigator・Interner Explorer 両 プラ ウザ に 
対応 し た DynamicHTML を 使っ た ペー ジ を 作成 で きる 。 


・「Dreamweaver]」 

hp : / /www .macromedia .Com/]p/sofFtware/qdreamweaver/ 
マク ロメ ディ ア 社 の サイ ト 管 理 機能 も 含む 本 格 的 な Web ペ ー ジ 作成 ・ 管 理 ツー ル 。 
JavaScript を ペー ジ 上 に 埋め 込む 機能 の 他 、Nerscape Navigator・Internct Explorer 両 プラ ウザ に 
対応 し た DynamicHTML を 使っ た ペー ジ を 作成 で きる 。 


・「Adobe ImageHeady」 

htp : / /www . adobe . co . Jp/product/imageready/index . htm1 
アド ビシ ステ ムズ 社 の Web ペ ー ジ 用 の 画像 編集 ツー ル 。 
マウ スカ ー ソ ル が 画像 の 上 に 乗っ た 時 に 画像 を 変更 する な どの 、 avaScripr を 使っ た 効果 が 用 意 
され て いる 。 
Adobe ImageReady2.0 は 、Adobe Phoroshop5.5 と の 連携 が 強め られ て お り 、 両 ソフ ト を 切り 替え 
て 使用 で きる よう に な っ た 。 


・「Fireworks」 
htED: / /www .macromedia .Com/]p/sofFtware/Fireworks/ 
マク ロメ ディ ア 社 の Web ペ ー ジ 用 の 画像 編集 ツー ル 。 
マウ スカ ー ソ ル が 画像 の 上 に 乗っ た 時 に 画像 を 変更 する な どの 、 JavaScript を 使っ た 効果 が 用 意 
され て いる 。 


・「Painter 5.5 Web Edition」 

hp : / /www .metacreations . Com/products/painter55/ 
MetaCreations 社 の 画像 編集 ツー ル 。 
パ バージョン 5.5 か ら 、Web ペ ー ジ 用 の 画像 編集 機能 が 強化 され 、 マ ウス カー ソル が 画像 の 上 に 
乗っ た 時 に 画像 を 変更 する な どの 、JavaScript を 使っ た 効果 が 用 意 さ れ て いる 。 
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基本 の 文字 色 を 設定 し た い . 
休日 を 表示 し た い .… 
行 揃え を 指定 し た い 
行 の 高 さ を 指定 し た い 
クリ ッ プ の 情報 を 取得 し た い .… 
クロ スプ ラウ ザ DHTML を 作り た い 
警告 用 の ダイ アロ グ ボ ックス を 開き た い 
国際 標準 時 を 表示 し た い 
コサイン を 返し た い .… 
子 ス タイ ル シ ー ト の 情報 を 取得 し た い 
午前 ・ 午 後 を 表示 し た い ……… 
異な る オプ ジェ クト を 呼び 出し た い 
コメ ント を 人 れ た い ……… 
小文字 を 大 文字 に 変換 し た い . 
子 レ イヤ ー の 情報 を 取得 し た い . 
コン ピュ ー タ 関連 の テキ スト と し て 表し た い .…… 51 


行 


雪 宅 宏和 だ ee の 
削除 文字 に し た い 
様々 な 形式 の デー タ を 配置 し た い 
左右 へ の 配置 を 指定 し た い 
時 間 ご と に 違っ た メッ セー ジ を 表示 し た い . 
時 間 に よ っ て 背景 画像 を 変え た い 
時 間 を 設定 し た い 
時 間 を 表示 し た い 
四 捨 二 入 し た 数 値 を 返し た い . 
自然 対数 の 底 に つい て 知り た い 
自然 対数 を 返し た い 
下 付 文字 に し た い . 
指定 し た 文字 の 
ISO-Latn-1 の コー ド 番 号 を 返し た い ………… 492 
自動 的 に JavaScripr 対 応 ペ ー ジ と 

未 対応 ペー ジ を 振り 分 けた い ……eeeeeee 
自動 的 に ウィ ンド ウ を スク ロー ル さ せ た い …… 
自動 的 に 各 プ ラウ ザ 専 用 ペー ジ に 振り 分 けた \ 
自動 的 に フレ ー ム を スク ロー ル さ せ た い 
自動 的 に ペー ジ を 読み 込ま せ た い .…… 

























自 ペ ー ジ の URL を 取得 し た い …… -353 
才 体 文字 に し た Um -482 






ショ ー ト カッ トキ ー を 割り 当て た -241 
使用 可能 な MIME の タイ プ を 取得 し た い -270 
使用 可能 な 数 値 の 範囲 を 調べ た い . -511 


使用 可能 な プラ ゲイ ン を 取得 し た 
上 下 の レ イヤ ー の 情報 を 取得 し た ! 
真 (truc)・ 偽 (flse) の 値 を 設定 し た い 
数 値 か どう か を 調べ た い 
スク リプ ト が 実行 され な い 環 境 用 の 


・271 


-531 








スク リプ ト で 利用 する ボタ ン を 作り た い . 
スク リプ ト の 言語 を 指定 し た い . 
進む ボタ ン を 作り た い .……… 
スタ イル シー ト に つい て 知り た い .… 
スタ イル シー ト の 言語 を 指定 し た い .… 
スタ イル シー ト の 情報 を 取得 し た い 
ステ ー タ ス 行 に メッ セー ジ を 表示 し た い . 
ステ ー タ ス 行 に 文字 を 流し た い .. 
ステ ー ト メン ト に つい て 知り た 
正規 表現 に つい て 知り た い 
制作 者 名 を 入れ た い 
絶対 URL に つい て 知り た い 
選択 し た 文字 を 返し た い .… 
選択 リス ト を リン ク に 使い た い .… 
セン タリ ング し た い -……。 
先頭 か 文字 列 を 検索 し た い . 
送信 ボタ ン を 画像 で 作り た い . 
送信 ボタ ン を 作り た い 
属性 に つい て 知り た い 



































対数 を 返し た い .… 
高き を 指定 し た \ 
タグ 内 に スタ イル シー ト を 
組み 込む た め の 属 性 を 知り た い 
縦 方 向 の 位置 関係 を 指定 し た い .… 
タプ キー で 移動 する 順序 を 指定 し た い 
単語 間隔 を 指定 し た い .… 
タン ジェ ント を 返し た い 
段落 を 作り た い 
チェ ッ ク ボ ックス を 作り た い .… 
使っ て いる HTML の パー ジョ ン を 示し た い 
月 を 設定 し た い 
月 を 表示 し た い .… 
定義 形式 リス ト を 作り た い . 6 
定義 語 を 表し た い 
定義 済み の スタ イル を 

適用 させ る た め の 属 性 を 知り た い …………… 193 
















索引 


定数 に つい て 知り た い … 
ディ スプ レイ の サイ ズ を 取得 し た い 
ディ スプ レイ の 表示 情報 を 取得 し た い 
テキ スト の 色 を 変え た い 
テキ スト の 色 を 変え る ボタ ン を 作り た い . 
テキ スト の 色 を 指定 し た い 
テキ スト を 強調 し た い 
頭字 語 を 表し た 
等 幅 文 字 に し た い . 
ドキ ュ メ ント の 情報 を 取得 し た い 
ドキ ュ メ ント や 画像 を 後 か ら 開 きた い 
特別 な 文字 を 表示 させ た い 
どこ で イベ ント が 発生 し た か を 取得 し た い . 
どの キー が 押さ れ た か を 取得 し た い 
ドラ ッ グ 女 ド ロッ プ し て いい か を 確認 し た い .……283 


内 容 に 関す る 問い 合わ せ 先 を 示し た い 
内 容 の クリ アボ タン を 作り た い 
内 容 の 説明 を し た い .… 
中 揃え に し た い …… 
何 語 で 書か れ て いる か を 指定 し た い 
ナビ ゲー タオ プ ジ ェ クト に つい て 知り た い 
日 時 を 後 か ら 変更 し た い 
入力 され た URL へ 
進む フォ ー ム を 作り た い . 
入力 され た URL を 

油 ワ セー だ 表示 攻 あ ge 
入力 し た 通り に 表示 させ た い .… 
入力 フォ ー ム を 作り た い … 
入力 欄 付 き の ダ イア ログ ボッ クス を 開き た い 
任意 の 範囲 に スタ イル を 

適用 させ る た め の タ グ を 知り た い … 
年 ・ 月 ・ 日 ・ 時 ・ 分 ・ 秒 を 設定 し た い . ee 
年 ・ 月 ・ 日 ・ 時 ・ 分 ・ 秒 を 表示 し た い .………… 


背景 画像 の 並び 方 を 指定 し た い 
背景 画像 の 表示 位置 を 指定 し た い 
背景 画像 を 固定 し た い 
背景 色 を 変え る ボタ ン を 作り た い 
背景 画像 を 指定 し た い ……… 
背景 色 を 指定 し た い … 
配列 の 数 を 取得 し た い . 
配列 の 要素 を 逆 に 並べ 変え た い 
配列 の 要素 を ソー ト し た い …… 
配列 の 要素 を 文字 列 に し て 書き 出し た \ 
パス の 基準 と な る URL を 指定 し た い .… 


















































パス ワー ド の 入力 フィ ー ル ド を 作り た い . 
パス ワー ド を 入力 させ た い 
幅 を 指定 し た い 
番号 付き の リス ト を 作り た い . 
番号 の 形式 を 変え た い 
日 付 を カウ ント ダウ ン さ せ た い . 
日 付 を 設定 し た い 
日 付 を 表示 し た い .… 
表 と 回 り 込 ませ た テキ スト の 間隔 を 指定 し た い …107 
表 内 の セル を 区 切る 線 の 表示 形式 を 指定 し た い .…100 
表 に タイ トル を 付け た い 
表 に テキ スト を 回 り 込ま せ た い . 
表 の 位置 を 指定 し た い .… 
表 の 大 き さ を 指定 し た い 
表 の 縦列 の 行 揃え を まとめ て 指定 し た い 
表 の 縦列 の 幅 を まとめ て 指定 し た い 
表 の 縦列 を グル ー プ 化し た い … 
表 の セル 内 で の 改行 を 禁止 し た い .… 
表 の セル 内 の テキ スト 位置 を 指定 し た い 
表 の セル の 大 き さ を 指定 し た い . 
表 の セル を 連結 し た い .… 
表 の 外 枠 の 色 を 指定 し た い 
表 の 外 枠 の 表示 形式 を 指定 し た い .… 
表 の 背景 画像 を 指定 し た い 
表 の 背景 色 を 指定 し た い 
表 の マー ジン を 指定 し た い 
表 の 横 列 を グル ー プ 化し た い 
表 の 枠 を 指定 し た い ……… 
表 へ の 回 り 込 み を 解除 し た い 
表 を 作り た い … 
秒 を 設定 し た い . 
秒 を 表示 し た い . 
開い た ウィ ンド ウ か ら 

元 の ウィ ンド ウ の フレ ー ム を 操作 し た い ….… 330 
開い た ウィ ンド ウ か ら 

元 の ウィ ンド ウ を 操作 し た い .… 
開い た ウィ ンド ウ に 文字 を 記述 し た い 
ビル トイ ン オ ブ ジ ェクト に つい て 知り た い 
ビル トイ ン 関 数 に つい て 知り た い 
ファ イル の 位置 指定 に つい て 知り た い 
ファ イル の 更新 日 時 を 取得 し た い 
ファ イル を 選択 させ た い 
フォ ー ム か ら の 送信 に メモ を 付け た い 
フォ ー ム 内 容 の 変更 を チェ ッ ク し た い 
フォ ー ム に 説明 を 表示 させ た い 
フォ ー ム に 入力 され た 

文字 列 を 計算 で きる よう に し た い 
フォ ー ム に 文字 を 流し た い … 
フォ ー ム の タイ プ を 調べ た い 








































フォ ー ム の 内 容 に ラベ ル を 付け た い .… 
フォ ー ム の 内 容 を 後 か ら 変更 し た い 
フォ ー ム の 内 容 を グル ー プ 化し た い .… 
フォ ー ム の 内 容 を チェ ッ ク し た い 
フォ ント サイ ズ を 指定 し た い . 
フォ ント スタ イル を 指定 し た い .… 
フォ ント の 基本 サイ ズ を 指定 し た い 
フォ ント の 種類 を 指定 し た い . 
フォ ント の 太 さ を 指定 し た い . 
フォ ント 表示 見 本 を 見 た い . 
フォ ント を 大 きく し た い 
フォ ント を 小さ くし た い 
複数 行 の テキ スト 入力 フィ ー ル ド を 作り た い .……143 
複数 の フレ ー ム を 同時 に 変更 し た い .… 
複数 ペー ジ を 移動 する ボタ ン を 作り た い 
プラ ウザ の 大 き さ を 指定 し て リサ イズ し た い . 
プラ ウザ の コー ド 名 を 取得 し た い .… 
プラ ウザ の 使用 言語 を 取得 し た \ 
プラ ウザ の バー ジョ ン を 取得 し た い 
プラ ウザ の 判別 を し た い 
プラ ウザ の ユー ザー エー ジェ ント を 取得 し た い .…265 
プラ ウザ 名 を 取得 し た い 
プラ ウザ を 指定 し た 位置 へ 移動 し た い 
プラ ウザ を 指定 し た 位置 まで スク ロー ル し た い .…316 
プラ ウザ を 指定 し た 分 量 ずつ 移動 し た い .……….309 
プラ ウザ を 指定 し た 分 量 ず つ ス クロ ー ル し た い .…318 
プラ ウザ を 指定 し た 分 量 ず つ リ サイ ズ し た い .……311 
プラ ウザ を 制御 する ボタ ン を 作り た い 
プラ グイ ン が イン スト ー ル され て いる か を 
チェ ッ ク し た い 
プラ グイ ン を 利用 する デー タ を 配置 し た い . 
フレ ー ム 内 で の 表示 方 法 を 設定 し た い 
フレ ー ム に 

未 対応 の プラ ウザ 向け の 内 容 を 入れ た い . 
フレ ー ム の 全体 構成 を 指定 し た い 
フレ ー ム を 印刷 し た い 
フレ ー ム を 区 切る 枠 の 表示 を 設定 し た い 
フレ ー ム を 区 切る 棒 を 完全 に 消し た い .… 
フレ ー ム を 区 切る 枠 を 非 表 示 に 設定 し た い . 
プロ ッ ク レ ベル 要素 に つい て 知り た い 
プロ パテ ィ に つい て 知り た い .… 
プロ パテ ィ を 監視 し た い 
分 を 設定 し た い .… 
分 を 表示 し た い .. 
平方 根 を 返し た い 
ペー ジ が ロー ド さ れ た 時 に 

ステ ー タ ス 行 に 挨拶 を 表示 し た い 
ペー ジ を 抜け る 時 に 新しい ウィ ンド ウ を 開き た い 
別 フ ァイル の スタ イル シー ト を 読み 込み た い .……190 






62.213,478 
-…… 60.210 










































索引 








別 フ レー ム の 画像 を 変化 させ た い ………………… 
変数 に 設定 可能 な 名 前 に つい て 知り た い 
変数 に つい て 知り た い 
他 の ペー ジ と の 関係 を 表し た い . 
他 の ペー ジ に リン ク し た い 
他 の ペー ジ の 指定 位置 ヘリ ンク し た 
ポタ ン を 作り た い 
ボタ を り リツ ジグ に 使い だ Ma 372 


マー ク 付 き の リ スト を 作り た い . …85 
マー ジン を 設定 し た い .…… -205 
マッ プ エ リ ア 外 の クリ ッ ク で 


























警告 ウィ ンド ウ を 開き た い .394 
回 り 込み を 解除 し た い -231 
回 り 込み を 指定 し た い 






















見 出し を 作り た い .… 
ミリ セコ ンド を 設定 し た い 
ミリ セコ ンド を 表示 し た い … 
メー ル 送 信 時 に 挨拶 を 表示 し た い .… 
メー ル で 送信 する フォ ー ム を 作り た い 
メー ル を 送れ る よう に し た い 
命令 文 に つい て 知り た い .… 
メソ ッ ド に つい て 知り た い … 
メニ ュー の 選択 肢 を グル ー プ 化し た い 


…83 
・263,542 
・259 
159 
・157 
- 67,195,477 
217 
・35 





文字 間隔 を 指定 し た い 
文字 セッ ト を 指定 し た い 
文字 列 の 途中 の 文字 を 抜き 出し た い 
文字 列 を 整数 に 変換 し た い .…… 
文字 列 を 浮動 小数 点数 に 変換 し た \ 
文字 列 を 分 割 し た い 
文字 を ASCII 形 式 に 変換 し た い .… 
文字 を URL 形式 に 変換 し た い .… 
文字 を 大 きく し た い 
文字 を 書き 出し た し 
文字 を 消去 し た い 
文字 を 小さ くし た い 
文字 を 点滅 さ せ た 
文字 を 太字 に し た ! 
最も 近く て 大 きい 回 数 を 返し た い .… 
最も 近く て 小さ い 乏 数 を 返し た い .… 
元 の ペー ジ へ 戻れ な いよ うに し た 
戻る ボタ ン を 作り た い 












索引 


ユー ザー の プラ ッ ト ホ ー ム の タイ プ を 取得 し た い . 266 
有限 数 か どう か を 調べ た い ーーー 

用 語 と その 説明 の リス ト を 作り た い 
要素 に つい て 知り た い 
曜日 を 表示 し た い .…. 
横 野 線 を 入れ た い 


ラジ オ ボ タ ン を 作り た い 
ラジ オ ボ ポタ ン を リン ク に 使い た い . 
乱数 を 発生 させ て お みく じ を 作り た い 
リア ル タ イ ム に 時 ・ 分 ・ 秒 を 表示 し た い 
リア ル タ イ ム に 年 ・ 月 ・ 日 を 表示 し た い 
リス ト の マー ク を 変え た い 
リス ト の 連 番 を 変更 し た い 
リス ト 番 号 の 形式 を 変え た い . 
リス ト ボ ックス を 作り た い 
リス トマ ー ク の 形式 を 変え た い .… 
リセ ッ ト し て も いい か 確認 させ た い 
略語 を 表し た い 
リロ ー ド ボタ ン を 作り た い . 
リン ク 先 を 表示 する フレ ー ム を 指定 し た い . 
リン ク 先 を 別 ウ イン ドウ に 表示 し た い 
リン ク の URL 情報 を 表示 し た い 
リツ の 公 志 指定 も だ ae 
リン ク の 上 に ポイ ンタ が 乗る と 

ウィ ンド ウ を 開く よう に し た い ……………………364 
リン ク 部 分 の スタ イル を 指定 し た い 
リン クタ を 作り たい one 
リン ク を ボタ ン の よう に 使い た い 
ルビ を 振り た い sy 
レイ ヤー 上 の イペ ベン ト 発 生 位置 を 取得 し た い 
レイ ヤー の 情報 を 取得 し た い .…… 
レイ ヤー の 背景 色 を 変え た い .…… 
レイ ヤー の 表示 ・ 非 表示 を 切り 替え た い . 
レイ ヤー を 移動 し た い 
ロー カル タイ ム を 表示 し た い .… 
ロー ド 完 了 後 に 次 の ペー ジ を ロー ド さ せ た い …… 


梓 と 内 容 の 間 の 空間 を 設定 し た い 
棒 の 色 を 指定 し た い … 
梓 の 形式 を 指定 し た い 
梓 の 太 さ を 指定 し た い 































HTML 素 引 


この ペー ジ の 見 方 


大 文字 : 要素 





小文字 : 属性 CSS : スタ イル シー ト 





号 


に GBS。 
コメ ント 文 - .… 

DOCTYPE HTM 
D 名 {スタ イル | CSS . 


59 





quoe 2 
. ク ラス 名 {スタ イル | CSS .… - 185.193 
由 間 NdetPdei ん) 





-179 
_self .… -179 
_tOP …… -179 


ーParent 








Ahre に 位置 名 " 
Ahre="mailto : メー ル ア ド レス " 
AhreE"URL# 位 置 名 「 
Ahref="URL" target=" ウ ィ ン ド ウ 名 " 
AhreE" リ ンク 先 URL ee 
Aname=" 位 置 名 "…… 
Aactive [スタ イル | CSS 
A:hover [スタ イル | CS5S 
Alink [スタ イル | CSS .… 
Aivisited [スタ イル | CSS 
ABBR ule=" 文 字 列 "… 
ACRONYM uirle=" 文 字 列 ! 
APPLET code=" ク ラス ファ イル 名 " 

width=" 幅 "heighte' 商 さり et7 
AREA shape=" 形 状 " 

coords=" 座 標 " hre"URL' alt=" 代 替 文字 "…… 132 














- 186,228 
186.228 











caiszeeelO0) 
CSS 
se 








background-color: 色 CSS. 








Sal96 
background-image : ur("URL) CSS . ss197 
background-position : 表示 位置 CSS . …200 


background-repeat : 並び 方 CSS . 
BASE hreE "URL"… せ ……… 
BASE hre-"URL" target=-" タ ー ゲ ッ ト 名 ". 
BASEFONT size=" サ イズ ". 
Basysioeean 

BLOCKQUOTE. 






























bgcolor=" 色 
tex=" 多 "link=" 色 " vlink=" 色 " alink=" 
borderbotom-color: 色 CSS 
border-botom-seyle : 形式 CSS 
border-bottom-width : 大 さ CSS 
border-color: 色 CSS 
border-left-color: 色 CSS … 
border-lefrsryle : 形式 CSS . 
border-left-widh : 大 さ CSS 
borderrighrcolor: 色 CSS . 
borderrighrstyle : 形式 CSS 
borderrighrwidh : 大 さ CSS 
bordersyle : 形式 CSS 
border-top-color: 色 CSS … 
bordertop-suyle : 形式 CSS. 
bordertop-width : 大 さ CSS 
borderwidh : 大 さ CSS … 





BR clcar=" ど ちら 側 の 画像 に 対し て 解除 する か ".…130 


BR clear=" ど ちら 側 の 表 に 対し て 解除 する か ".……109 
BUTTON 
pe=" タ イプ "name=" 名 前 " value=" 送 信 文 字 " .…152 
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CAPTION 2 表示 位置" 

CENTER .… が 

GITE 結 
clear : ど ち ら の 机 朱 に 対し て 衣 諸 する か CSS。 
CODE 
COL align 位置 Yalign 欄 置 
COL span=" 縦 列 数 " .. 
COL span=" 縦 列 数 " wid 由 =" 幅 
COLGROUP align=" 横 位置 " valign=" 縦 位置 " 
COLGROUP span=" 縦 列 数 " .…… 
COLGROUP span=" 縦 列 数 "width=" 幅 
color: 色 CSS … 
cursor: 形式 CSS 









DEL cire="URL" daredme=" 削 除 日 時 
DFN …… 
DIV CSS 
DIV align=" 行 揃え 位置 











FIELDSET . 
Hoat: 配置 位置 CSS 
FONT 
color= 作 し 
face=" フ ォ ン ト 名 っ フォ ン ント 名 
size="+n". 





0 


size="-n' . 

sizem" サ イズ " 
fonrfamily : フ ォ ン ト 名 フ フォ ン ント 名 
font-size : サイ ズ CSS … 
fonr-style : スタ イル CSS 
foncweight : 大 さ CSS .… 本 
FORM action="mailto : メー ル ア アド レス 
method="post' encrype="MIME タ イプ " 140 
FORM acrion="URL" method="HTTP メソ ッ ド " 
cnctyPe='MIME タ イプ " target=-" ウ ィ ン ド ウ 名 " .… 138 
FRAME 

frameborder=" 梓 の 表示 指定 「…… 173 

marginwidth=" 左 右 の マー ジン " 









CSS ….215 
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marginheighr=" 上 下 の マ ー ジ ン " … 

scrolling=" ス クロ ー ル の 制御 " noresize 

src="URL" name=" フ レー ム 名 ".… 
FRAMESET 

cols=" 分 割 幅 ".… …168 

famebondes'0" 0" Vim 0"。 ・174 

rows=" 分 割高 さ " . IGR 


H1 .… 43 
H2 -43 
H3 -43 
H4 … -43 
H5 .… -43 
H6 .… -43 
ko ・29 
heighr : 高き さ CSS 219 
Hn align=" 行 揃え 位置 " ・70 
HR.… PH .74 
HR size=" 大 さ " widh=" 長 さ " 
alipn=" 行 揃え 位置 noshade… せ ee 
HTML . 『 有 PR ルリ 


…・171 
171 
… 168 


































IFRAME src="URL" name=" フ レー ム 名 
IMG 
ー alt=" 画 像 と 同等 の 意味 の ある テキ スト " 
アク セ シ ビ リティ Ri2869 7 
src="URL1" lowsrc-"URL2 ds " 代 特 文 字 " ・131 
src="URL' al= "代替 文字 " border=" 枯 の 大 さ "…124 
src="URL' al=" 代 替 文字 " usemap=# マ ッ プ 名 "… 132 
src="URL" al "代替 文 字 " 








yspace=" 縦 間隔 " hspace=" 横 間隔 ". ss 1L29 
src="URL" al=" 代 替 文字 " align=" 位 置 "… 126,128 
src="URL' widh=" 幅 " 

height=" 高 さ "alt=" 代 替 文字 ee 123 


INPUT 
gpPe="button" name=" 名 前 "value=" ラ ベル " …154 
Pe= "checkbox" name=" 名 前 "value=" 送 信 文 字 " . 156 
pe= "checkbox" name=" 名 前 " 
value=" 送 信 文字 " checked … せ 156 
ppe="fle" name=" 名 前 " 
value=" フ ァイル 名 "accept="MIME タ イプ " …162 
ppe= "hidden" name=" 名 前 " value=" 送 信 文字 " .. 146 
pPe= "image" src="URL"' name=" 名 前 " 
alc=" 代 替 文字 " align=" 位 置 " 
Pe="Password' name=" 名 前 "value=" デ フォ ル ト 文字 





size=" 幅 " maxengh=" 最 大 文字 数 " 
pe="radio" name=" 名 前 " value= 
Pe= "radio" name=" 名 前 " 
value=" 送 信 文 字 " checked" 155 
tyPe= "reset' valne=" ラ ベル " 148 
tpe="submit' value=" ラ ベル "name=" 名 前 " …148 
ope="text' name=" 名 前 " value=" デ フォ ルト 文字 " 
size=" 幅 " maxlength=" 最 大 文字 数 " 142 
INS cite="URL" datetime=" 追 加 日 時 " 


145 
el55 

















LABEL 
LABEL for=” 参 照 ID" 
LEGEND align=" 位 置 " . 
leteer-spaceing : 文字 間隔 CSS 
LI pe=" 番 号 の 形式 "… 
Ll ype=" マ ー ク の 種類 " 
LI value=" 開 始 番号 " …… 
jine-height : 行 の 高き CSS 
LINK re に "splesheer" 
hreE"URL' gpe="tex7CSS" CSS 
LINK rel=" 関 係 " href="URL" 
LINK rev=" 関 係 " hre に "URL" 
lisrsryle-ope CSS 



















190 








233 





…132 
205 
205 
205 
205 
205 


MAP name=" マ ッ プ 名 "… 了 OTN 
margin : 上 ・ 右 ・ 下 ・ た マー ジン cSS. 
margin-bottom : 下 マ ー ジ ン CSS .… 
margin-lcft : 左 マ ー ジ ン CSS … 
margin-right : 右 マ ー ジ ン CSS .… 
margin-top : 上 マー ジン CSS. 
META 
http-equiv="ContenType" 

















content="text/html : charset= 文 字 セ ッ ト "…… 35 
http-equiv="ContencScripr-Type" 
content=" ス クリ プ ト の タイ プ "| 35 


http-equiv="ContenrSryle-Type" 
content=" ス タイ ル シ ー ト の タイ プ ". 
http-equiv="refresh" content=" 秒 数 " .… 





http-equiv= "refresh" 
content=" 秒 数 :URL= 移 動 先 URL'……………. 36 
name="author' content=" 制 作者 名 " .… 
name="description' content=" 内 容 の 説明 








name="keyword" 
content=" キ ー ワ ー ド 1 キー ソー ド 2) "ニー 34 





NOEMBBDDEamghhkrsssress 
NOFRAMES .… 
NOSCRIPT … 





OBIECT 
daq="URL' ope="MIME タ イプ "… 







始 番号 "… 

OL pe=" 番 号 の 形式 " 
OPTGROUP label=" グ ルー プ 名 " 
OPTION label=" 短 い 選 択 肢 " 
OPTION selected …… 
OPTION value=" 送 信 文 字 





157. 160 
157,160 





padding: 幅 CSS ……… 
padding-bortom : 幅 CSS 
padding-left: 幅 CSS 
padding-right : 幅 CSS 
padding-top : 幅 CSS .… 
page-break-after : ahways CSS . 
Page-break-before : ahways CSS 
PARAM name=" パ ラメ ー タ 名 " 

waluea28 ラ 光 王 の 情 Eee 





226 
226 


226 
226 








01 
SAMP 51 
SCRIPT pe="MIME タ イプ "eee 82 


SCRIPT ype-"MIME タ イプ " 
language=" 言 語 名 " src="URL" 
SELECT name=" 名 前 "…… 
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SELECT size=" 行 数 " name=" 名 前 " mulnple" 
SMALL …… 
SPAN CSS. 












STRIKE … 

STRONG 

STYLE pe="texCSS" CSS 189 
SUB .… 60 


SUP 


THEAD align=" 横 位置 "vahign=" 秩 位置 「……… 114 
JFEBE: 
TR … 
align=" 横 位置 " valign=" 縦 位置 " 
background=" 画 像 の URL 
bgcolor=" 色 " 














TABLE 
align=" 位 置 "| 
background=" 画 像 の URL" 
bgcolor=" 色 " … 
border= 外 梓 の 太 き が 
bordercolor=" 色 " .… 0 
bordercolodighte" 名 " DR 色 
cellpadding=" セ ル 内 の マー ジン " 
cellspacing=" セ ル の 間隔 " 
frame=" 外 梓 の 表示 形式 " 
rules=" セ ル を 区 切る 線 の 表示 形式 " 
vspace=" 縦 間隔 " hspace=" 横 間隔 " .… 
wid 中 =" 幅 " (heigh=" 高 さ ") 

BOD 

TBODY di " 欄 軒 " valign=" 縦 位置 " 

HUD 量 0 

ligna" 横 位置" wpn- 位置" ・ 
background=" 画 像 の URL" 
bgcolor=" 色 " .… 
colspan=" 横 方 向 の 連結 数 
nowrap 
rowspan=" 終 方 向 の 連結 数 
width=" 幅 " 5 上 

te 一 

textralign : 行 揃え 位置 css 

TEXTAREA name=" 名 前 " rows= 

TEXTAREA wrap= "改行 方 法 " … 

text-decoration : 装飾 CSS . 

TEFOOT … 

TEOOT align= 










































横 位 置 " valign=" 縦 位置 ". 





align=" 横 位置 " valign= 欄 置 
background=" 画 像 の URL" 
bgcolor= "ee 
colspan=" 横 方 向 の 連結 炎 
nowrap 
rowspan=" 縦 方 向 の 連結 数 " 
width=" 幅 " heighe=" 高 さ ". 
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UL 
UL ype=" マ ー ク の 種類 " 
vertical-align : 行 揃え 位置 CSS 
width: 幅 CSS … … 
word-spacing : 上 語 間 間 CSS 


セレ クタ {プロ パテ ィ : 値 | CSS oe 





























要素 名 CSS .… 
要素 名 一 accesskey=" シ ョ ー ト カッ トキ ー" 

アク セ シ ビ リティ .… ee 
要素 名 一 Iang=" アク セ シ ビリ ティ 陸 
要素 名 一 abinde=" タ プ 順 " アク セ シ ビ リティ ….240 
要素 名 class=" ク ラス 名 "CSS ee 193 
要素 名 id="ID 名 "CSS 有 
要素 名 sle=" ス タイ ル " CSS. 192 
要素 名 ID CSS 186 
要素 名 ID 名 CSS …193 
要素 名 , 要素 名 , 要素 名 、… CSS.. 185.186 
要素 名 . ク ラス 名 CSS …185.193 


オブ ジェ クト : オブ ジェ クト プロ バテ ィ : プロ パテ ィ メソ ッ ド : メ ソ ッ ド オプ ショ ン : オプ ショ ン 
イベ ント タイ プ : イ ベン ト タ イ プ イベ ント ハン ドラ : イ ベン ト ハ ンド ラ ビル トイ ン 関 数 : ビ ルト イン 関数 



























記号 AB 
ョ + ニ 文字 列 B xss 539 
en above プロ パテ ィ . - 422,567 
"文字 列 A"+ "文字 列 B" abs0) メソ ッ ド . - 467,569 
$1 一 99 ブロ パティ. acos() メソ ッ ド 474,569 
action ブロ バテ ィ . Eye 0 
alert0 メソ ッ ド ・ 287.289.555 
alinkColor プロ バテ ィ ・342,557 





alwaysLowered プロ バテ ィ 
alwaysLowcred* オプ ショ ン . 
alwaysRaised* オプ ショ ン … 
Anchor オブ ジェ クト 
anchor() メソ ッ ド 
anchor( ゞ ) プロ パティ 
apPCodeName プロ バテ ィ 
Applet オブ ジェ クト …… 
applet(s) プロ パティ. 
apPly メソ ッ ド 
apPName プロ パテ ィ … 
aPPVersion プロ バル ティ. 


…303 
















・484.570 
・557 
・264,553 
・567,596 








入 寺 /poreesseerae Area オブ ジェ クト 
<NOSCRIPT> .. Area ブロ バテ ィ .… 
<SCRIPT LANGUAGE=JavaScripte … arguments プロ バテ ィ ・503.571 
<SCRIPT LANGUAGE=JavaScriptl.1> .. arguments.callee プロ 人 ル テ ィ ws う 71 


<SCRIPT LANGUAGE=javaScript1.2> 
<SCRIPT LANGUAGE=JavaScriptl.3> .… 


571 
571 


arguments.caller プロ 人 ル テ ィ 
arguments.length プロ バル ティ 





<SCRIPT SRC=URL> arity プロ パテ ィ … - 500.571 
Array オブ ジェ クト . 570.588 
asin() メソ ッ ド …. - 474,569 
atan() メソ ッ ド . -475569 





atan2() メソ ッ ド 
availHeight プロ バテ ィ 
availWidth プロ バテ ィ . 
back() メソ ッ ド … 
backgrounnd プロ バテ ィ 
below ブロ バテ ィ . 
bgColor プロ バテ ィ . 
big0 メソ ッ ド 
blink(0) メソ ッ ド 
blur0 メソ ッ ド . a 
NSR 306.555.556,560.561,562,563.564,565 


- 473,569 
・274.554 
・274.554 
322.350.555,558 














422.567 
342,344.427,454,557,567 
・476,570 
・478,570 
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PORI0 に (1 479.570 
Boolean オブ ジェ クト ss う 72 
border ブロ バテ ィ …. 400,566 

…. う 42 
Button オブ ジェ クト …560 
BROD。 9 人 aaaasSsdYiitpRiesareose 559 

1e ら ココ 

callO0 メソ ッ ド 505,571 
callee プロ バテ ィ …503 
caller ブロ バ パティ … 501,571 
captureEvents() メソ ッ ド . ・524.555,557,567 





cell0 メソ ッ ド …… 
charAtO0 メソ ッ ド .… 
charCodeAr() メソ ッ 
Checkbox オブ ジェ クト 
Checkbox プロ パティ … 
checked プロ パテ ィ .… 

clearInterval0 メソ ッ ド . 
clearTimeout() メソ ッ ド 











522.555,556 
・292,404,555.556 
































Click イベ ント タイ プ …550 
click() メソ ッ ド . 560,562,563,564 
clip.bottom プロ パテ ィ . 420,567 
dip.height プロパ ティ … 420.567 
clip.lef プロ パテ ィ … … 420,567 
chip.rght プロ バ パティ .… … 420,567 
clip.top プロ パティ … … 420.567 
clip.width プロ バテ ィ … 420,567 
close0 メソ ッ ド . 298,337,339,555,557 
Osed ea 300,555 
colorDeph プロ バ パティ. … 275,554 
compile() メソ ッ ド 573,592 
complete プロ パテ ィ .… 400,566 
confirm() メソ ッ ド 288,555 
constructor プロ パテ ィ .…. 515,568.569,570.571,572 
continue …542 
cookie プロ バテ ィ . 349,557 
corrent プロ バテ ィ …558 





472,569 

…352 
…568 
283.554 
… う 50 
560,562 
… う 563 


cos() メソ ッ ド … 
current プロ パテ ィ 
Darte オブ ジェ クト 
datx: プロ バジ デ マイ 
DbIClck イベ ント タイ プ .… 
defaultChecked プロ バテ ィ 
defaultSelected オプ ショ ン 
defaultStarns プロ バテ ィ .… 
defaulrValne プロ バテ ィ 
dependenr* オプ ショ ン . 
description プロ パテ イィ … ト et 
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rectories プロ パティ. 
directorie* オプ ショ ン 
disableExternalCapture メソ ッ ド 
do while 
document オブ ジェ クト . 
document プロ バ パティ. 















document.write() 
domain プロ バテ ィ 
DragDrop イベ ント タイ ブ . 
E プロ パテ ィ 
clements プロ バテ ィ 
embeds 配 列 オプ ジェ クト 
embeds プロ バテ ィ … 
enableExternalCapture メソ ッ ド 
cnablePlugin プロ バテ ィ 
cncoding プロ パティ.….… 


escape() ビル トイ ン 関 数 -…………………… 535.574 
eval0 メソ ッ ド …. 520,553.555.556,557,558,559,560, 
561,562.563,564.565.566,567,568,569,570.571,572,596 
muse 5 


event オブ ジェ クト ee 
exec() メソ ッ ド 
expP() メソ ッ ド 









342,345,557 
・271,553 





公 Color プロ バテ ィ . 
名 cname プロ パテ ィ 
FileUpload オブ ジェ クト 


























FileUpload プロ パティ …… 560 
fndO0 メソ ッ ド ・320,555 
fxed0 メソ ッ ド ・483.570 
floor0 メソ ッ ド ・465,569 
RSC 304,555.556,560,561,562.563,564,565 
fontcolor() メソ ッ ド ・ 477,570 

・478,570 


-542 
-543 











Form オブ ジェ クト . -559 
form(s) プロ パテ ィ .. essezsazs の 97 
forward() メソ ッ ド . 322,350.555,558 





frame オブ ジェ クト . 
Frame(s) プロ バ パティ 
frames プロ パテ ィ 
fromCharCode() メソ ッ ド 
fancton 
fanctrion オブ ジェ クト . 
fancdon 関数 名 (引数 , 引 数 


・556 















・ う 72,591 


gtDate() メソ ッ ド . 
getDay0 メソ ッ ド 


-432.436,456,568 
434.568 

















gtFullYear0 メソ ッ ド 442.568,598 
getHoum() メソ ッ ド ……… 432.433,452.454.458,568 
gtMiliseconds() メソ ッ ド . 444.568 














getMinutes() メソ ッ ド .… 432,458,568 
getMonth() メソ ッ ド . .432,436,456,568 
getSeconds() メソ ッ ド … 432,458,568 


getSelection() メソ ッ ド 
getTime() メソ ッ ド .… 
grTimezoneO 人 et() メソ ッ ド 
getUTCDate() メソ ッ ド . 
gtUTCDay0 メソ ッ 
getUTCFulIYear() メソ ッ ド 
getUTCHours() メソ ッ ド 
本 CUTCMilliseconds0 メソ ッ ド 
getUTCMinutes() メソ ッ ド … 
getUTCMonh() メソ ッ ド . 
本 KUTCSeconds() メソ ッ ド 
getYear(0 メソ ッ ド .. 
記 オプ ショ ン 
gobal プロ パテ ィ 
go() メソ ッ ド . 
handleEyent(0 メソ ッ ド . 
… 526,555,556,559560,561.562,563.564,565,566,567 




















… 72,592 
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hash プロ バテ ィ . 
height プロ パテ ィ 。 
height=pixels オプ ショ ン 
Hidden オブ ジェ クト 
Hidden プロ パテ ィ 
histop オブ ジェ クト 
history プロ パテ ィ . 
home() メソ ッ ド . 
host プロ バテ ィ . 
hostname プロ パテ ィ . 
hotkys* オプ ショ ン .… 
IO 2 前 NGiM26BRHtHIBAHG2R2 
お TFT 353.354.355,356,357,362,370,558,565 
HREF=javaScripr: 関 数 . -328,366,396,398,407 
hspacc プロ バテ ィ 
ij オプ ショ ン .. 


-353,359,362,558,565 
.274,296,400,554,566 














・353,362,558,565 
・353.362,558,565 

















ignoreCase プロ パテ ィ 
Image オブ ジェ クト 
image() プロ バテ ィ 


index オプ ショ ン 






















indexOfO) メソ ッ ド . -490,570 
Infiniy プロ バテ ィ .. .574 
innerHeight プロ パティ. 303.307.322.555 
innerWidth プロ バテ ィ .… …303.307.322.555 
innerWidth=pixels オプ ショ ン .…556 
input プロ パテ ィ .573.592 


isFinite() ビル トイ ン 関 数 
isNaN(0 ビル トイ ン 関 数 .. 


italics() メソ ッ ド . 

javaEnabled() メソ ッ ド 

JavaScripr 関 数 ….394 
join(0) メソ ッ ド . 496,570 


・550 
・551 


KeyDown イベ ント タイ プ 
KeyPres イベ ント タイ プ 
KeyUp イベ ント タイ ブ .… 


・ う 51 


L 一 M 


janguage プロ バテ イ … し ee 
lastIndex プロ バテ ィ … 
lastindexOfO) メソ ッ ド 
lastMatch プロ バテ ィ .. 








・ う 73,592 





lastModified プロ バテ ィ wss 96 
]astParen プロ パテ ィ ・573,592 
Iayer オブ ジェ クト -566 


layer) プロバ パティ 557 





layers プロ バテ ィ .… 567 
layerX プロ バテ ィ -280,554 
layerY プロバ ティ. 280,554 








leff ブロ バテ ィ . ・ 302.416,418.425,428,430,566 
leftContext プロ パティ 573.592 
length プロパティ 270,271,500,503,512,553, 
554.555,556,558,559,562,563,566,567,569,570,571,596 
Link オブ ジェ クト 
link0 メソ ッ ド 















・483.570 


link() プロ バテ ィ ms う 57 
linkColor プロ パテ ィ ・342,557 
Live Connect … …: 596 
LN10 プロ パテ ィ . ・461,569 
LN2 プロ バ パティ 460,569 





load メソ ッ ド 
locadion オブ ジェ クト 
locarion プロ パテ ィ . 








・296,324,555 



















locarion* オプ ショ ン ss295 
locarionbar プロ バ パティ 323,555 
log0 メソ ッ ド .471.569 
LOG10E プロ バ パティ - 462.569 
LOG2E プロ パテ ィ . - 461,569 
lowsrc プロ パテ ィ - 400,566 
match() メソ ッ ・ 570,591,592 


索引 








Nath オプ ジ エ グ に ee 569 
max() メソ ッ ド 
MAX_VALUE プロ バテ ィ 
menubar プロ パテ ィ 
menubar* オプ ショ ン 
method プロ パテ ィ … 
mimeTypes プロ バテ ィ … 
mimeTypes オブ ジェ クト .… 
min() メソ ッ ド 
MIN_VALUE プロ パテ ィ . 
modifiers プロ バテ ィ 
MouseDown イベ ント タイ プ 
MouseMove イベ ント タイ プ . 
MouseOut イベ ント タイ プ 
MouseOver イベ ント タイ プ . 
MouseUp イベ ント タイ プ 
Move イベ ント タイ プ 
moveAbove()) メソ ッ ド . 
moveBelow() メソ ッ ド . 
moveBy() メソ ッ ド 
moveTo() メソ ッ ド 


511,572 











… う 56 





309,555,567 
308,555,567 











moveToAbsolute メソ ッ ド … う 567 
multiline プロ バテ ィ 573,592 
NEe) 

0065 iriver 271,272.416,418, 


422,513.554.555,556,559,560,561,562,563,564,565,566 
NaN プロ パテ ィ 510,572,574 
navigator オプ ブ ジェクト. 
NEGATIVE_INFINITY プロ パテ ィ 
















next プロ パテ ィ . 


Number オブ ジェ クト 
Number() ビル トイ ン 関 数 


Object オブ ジェ クト .… 
onAbort イベ ント ルン ドラ 
onBlunr イベ ント ハン ドラ . 
… 547.556,560.561.562,563,564565, 567 
Me イベ ン トバ ルン ドラ .… 378,547,561.564,565 
onClick イベ ント タイ プ .… 276 
onClick イベ ント ハン ドラ . 
…287,368.370,372.406,547,559,560,561,562.563,564 
onDragDrop イベ ント タイ プ … で ee 283 
onError イベ ント ハン ドラ . 
onFocus イベ ント ハンドラ 
… 548.556,560,561,562,563,564,565,567 
onkeydown イベ ント タイ プー 282 
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298.412,548,556,566,567 
onMouseDown イベ ント タイ プ . 276,278,280 
onMouseOut イベ ント タイ プ -276 
onMouseOut イベ ント ルン ドラ. 
に 7eENSEespaSyEeSRCasssce 396,398,406,548,556,567, 259 
onMouseOver イベ ント タイ プ .… -276 
onMouseOver イベ ント ルン ドラ . 
ae 291.359,364.396,398,406,549.559,566、 567 
onMouseUp イベ ント タイ プ 276 



























onMove イベ ント タイ ブ isRasssstss の きら 
onReset イベ ント ハン ドラ 388,549,560 
onResize イベ ント タイ プ sassy の 
onSelect イベ ント ハン ド ・ 549,565 
onSubmit イベ ント ルン ドラ … 379.381.383,549.560 
onUnload イベ ント ルン ドラ 299.549.556 





9 雪 メソ ッ ド 

…296,299.302.328,330.337,339,341,372,555、 557 
opener プロ パテ イィ 300.555 
options プロ バテ ィ .…. 390,563 
outerHeight プロ バテ ィ . 302,303.307,555 























outerHeight=pixcls オプ ショ ン Rasxssssegsris う 
outerWidth プロ バテ ィ 302,303.307,555 
outerWidthpixels オプ ショ ン ………………………556 
PーR 
pageX ブロ バテ ィ -278,416,418,554.567 
pageXOfet プロ パテ ィ . 1 
pageY プロ バ パティ.…… ・278, 416 418. 54. 567 
PageYOfset プロ バ パティ . 48 
Parent プロ パティ 324.326,555556 





ParentLayer プロ バテ ィ .… 
Parse() メソ ッ ド 
ParseFloar() ビル トイ ン 関 数 
ParseInt() ビル トイ ン 関 数 .… 
Password オブ ジェ クト 
Password プロ バテ ィ . 
Pathname プロ バテ ィ . 
personalbar プロ バテ ィ 
1 
PixelDcpth プロ パティ 
pixelLeff プロ バ パティ.… 
pixelTop プロ バテ ィ .… 
Platform プロ パティ .… 









353.362, 558。 565 
・323,555 
・462,569 
・275,554 











Plugins プロ パテ ィ 5 の は 
Plugins オブ ジェ クト .… 271.272,553 
port プロ バテ ィ 353.362,558,565 
POSITIVE_INFINITY プロ バテ ィ … せ …… 511,572 


pow(0 メソ ッ ド … 
preference() メソ ッ ド 
Previouns プロ バテ ィ . 
Print() メソ ッ ド 
prompt() メソ ッ ド 
properties プロ バテ ィ 
protocol プロ パテ ィ . 
protorPe オプ ショ ン 


- 470,569 
-273 
- 352,558 
・ 521.555556 
- 289,555 




















RSIO 3 
Radio プロ パテ ィ 
random() メソ ッ ド 





・ 468,569 











referrer プロ パティ :335.557 
0 | に の 273 
RegularExpression オプ ジェ クト . - 573,591 
releaseEvent0 メソ ッ ド ee 567 





releaseEvents() メソ ッ ド 
reload() メソ ッ ド . 
replace() メソ ッ ド 
Reset オブ ジェ クト . 
Reset ブロ バテ ィ .… 
reset() メソ ッ ド .… 
プロ バテ ィ 
resizable* オプ ショ ン .… 
Resize イベ ント タイ ブ . 
resizeBy() メソ ッ ド . 
メソ ッ ド . 


528,555,557 
360,558 
- 361,558,570,591.554,593 
-563 
・559 

















resizable 











resizeTo() 
returm 
return false . 
reverse() メゾ ッ ド 
rightContext プロ バテ ィ . 
round() メソ ッ ド .… 

routeEvent() メソ ッ ド 


screen オブ ジェ クト 
screenX ブロ バテ ィ . 
screcnX=pixels オプ ショ ン .… 
screenY プロ バテ ィ … 
screenY=pixels オプ ショ ン . 
scroll() メソ ッ ド …… 
scrollbary プロ パティ 
scrollbary* オプ ショ ン . 
scrollBy() メソ ッ ド . 
scrollTo() メソ ッ ド . 
search プロ バテ ィ .… 
Select オブ ジェ クト . 
Select プロ パテ ィ 
selecrt0 メソ ッ ド . 










316,318,555 
316,555 
353,362,558,565 
















selected オプ ショ ン 
selecredIndex プロ バテ ィ 
self プロ パテ ィ .… 
setDare() メソ ッ ド 


… う 63 
374.563 
555,556 
440,.568 














setFullYear() メソ ッ ド 443.568 
setHours() メソ ッ ド .… 440,568 
setInterval() メソ ッ ド .… ・ 522,.555,556 





setMilliseconds() メソ ッ ド 
setMinutes() メソ ッ ド 
setMonh() メソ ッ ド . 
setSeconds() メソ ッ ド 440.568 
setTime() メソ ッ ド 439,568 
serTimeout(() メソ ッ ド 5 
5 が Sh つが 292.294.298.314.402,522.555,556,585 
setUTCDare() メソ ッ ド 448,569 


445,568 
440,568 
440,568 
























setUTCFullYear() メソ ッ ド 448,569 
setUTCHours() メソ ッ ド . 448.569 
setUTCMilliseconds() メソ ッ ド 448,569 





setUTCMinures() メソ ッ ド 
setUTCMonth() メソ ッ ド 
setUTCSeconds() メソ ッ ド … 
setYear() メソ ッ ド 
siblingAbove プロ バ パティ 


448,569 
448,569 
448,569 
・ 440.443,568 
…. う 67 























siblingBelow プロ バテ ィ ms907/ 
sin() メソ ッ ド 472,569 
small() メソ ッ ド 476,570 
sortO0 メソ ッ ド .… 498,570 


source プロ パテ ィ . 
split() メソ ッ ド . 
sqrtO0 メソ ッ ド . 


573,592 
486.570,590,591.593 

Eee 470,569 
SQRTI_2 プロ バ パティ. 463.569 
SQRT2 プロ バ パティ.… 463,569 
src プロ バル テ ィ .…400,402.404,406,408.410.566,567 
statuns プロ パテ ィ .………………. 291.292,294,296,555 
starus* オプ ショ ン …556 
statusbar プロ バテ 323,555 
stop() メソ ッ ド . 322,555 
strike() メソ ッ ド 480,570 
string オブ ジェ クト .… 569,590, 591 
String() ビル トイ ン 関 数 574 
sub() メソ ッ ド 481.570 
Submit オブ ジェ クト 
Submit プロ パテ ィ .… 
submirt() メソ ッ ド 
subsrr() メソ ッ ド 
substring0 メソ ッ ド 。 
sufxes プロ バテ ィ … 
sup() メソ ッ ド 
switch 


























索引 








taint() ビル トイ ン 関 数 - 537,574 
taintEnabled メソ ッ ss93) 
tan() メソ ッ ド - 473.569 



















target プロ パテ ィ . 362.558,559,565 
TARGET= フ レー ム 名 … .330 
testO0 メソ ッ ド - 573,592. 
Text オブ ジェ クト ws:569 
Text ブロ パテ ィ .…… 





Textareea オブ ジェ クト . 
Textarea プロ バ パティ. 
ttle プロ バ パティ … 
titlebar プロ バ パティ 
ddebar* オプ ショ ン 
toGMTString() メソ ッ ド . 
roLocaleSring() メソ ッ ド 
toLowerCase() メソ ッ ド 
toolbar プロ パテ ィ …… 
toolbarr オブ ショ ン 
top プロ パテ ィ 
ene2edgess4 和 | 302,324.370.416,418,428.430,555,567 
0S0URGe() 。 商 六 ES 
較 ・ う 19,553,555.556,557,558.559,560, 
561. 56 53. 564 365. 566,567,569,570,571,572,573.592 
toString() メソ ッ ド 
… う 16,517,553,555.556,557,558,559,560、561.562, 
563、564,565,566,567,568,569,570.571.572.589,596 
toUpperCase() メソ ッ ド ・485,570 
toUTCString() メソ ッ ド . - 448.568 
信 休 kV 538 
pe プロ バテ ィ 
… 270.276,278,392,553,554,560.561.562.563.564.565 


undefined プロ バテ ィ …574 
unescape() ビル トイ ン 関 数 536,574 
untaint() ビル トイ ン 関 数 . 537,574 
unwatch() メソ ッ ド 508,571 
URL プロ パテ ィ .… 335,557 
userAgent プロ バテ ィ 265,553 
UTCO メソ ッ ド … う 568 
Walier 本 放 eeaya 
2 376,383,389,560.561、562.563,564,565 
walneGfO 2 及 江 ea 
22 518,553,555,556,557,558,559.560, 
561,562,563,564565,566,567,568.569.570,571,572.596 










-335,557 
303 
556 
・438.568 
- 438,568 
- 484.570 
・ 296,323,555 
555 















































ver 変数 名 = 値 .… 
visibihiy プロ パテ ィ .… 
yiinkColor プロ パテ ィ 
vspace プロ パテ ィ 
watch() メソ ッ ド 
which ブロ バテ ィ .… 






416.418,424.428,430,567 
342,557 
400,566 
… 508,571 
282,554 

































while 543 
wid 由 ブロ パティ .… ・274.400.554.566 
widthpixels オプ ショ ン .… 296,556 
window オブ ジェ クト …554 
window プロ バテ ィ .… 555,556 
window.open() 584 
with …543 
write() メソ ッ ド . 332.337,339,346,557 
writeln() メソ ッ … 334.557 






















x プロ パテ ィ . …567 
xly.… ip ち た だ / 
x に y …539 
x に 539 


・ 539 
x&&y. 539 
539 
x/=y 539 


…339 
…539 
…539 
…539 
メッ > ツ ・ … う 39 


7 ブロ バ パティ.… 
W ニ ++X - 
アニ ーX… 
Y ェ x++ 
アニ エー 
zlndex 
Z-lock 

lock* 





プロ バテ ィ .… ・416.418.428,.430,567 
プロ バテ ィ .… STECEYSCEOCGOTT 1 


イベ ント ハン ドラ 名 = スク リプ ト 又 は 関数 . 
オプ ジェ クト . イ ベン ト タ イ プ = 関 数 名 又は スク リプ ト .… 
スン ン と 0 RPPRPR 
オプ ジェ クト . プ ロ パ テ ィ -= 値 .. 
オプ ジェ クト . メ ソ ッ ド ( 値 ) 62 
オプ ジェ クト 名 = new オプ ジェ クト の 型 ( 値 ) .… 
ゴー ドン PPP 

















ホー ムペ ー ジ 作成 用 語 引 













#RGB 形 式 . 
#RRGGBB 形 式 
倍 。 
.css 
_blank … 
_Parent … 
_self … 

_top 
くく 
<NOSCRIPT> タ グ 
<SCRIPT> タ グ 





172 の 平方 根 
1000 分 の 1 秒 . 





10 を 底 と する 自然 対数 
1 行 の テキ スト 入力 フィ ー ル ド 
1 つ 上 の 階層 の ファ イル … 
1 つ 上 の 階層 の 別 ア ディ レク トリ の ファ イル .… 
1 つ 下 の 階層 の ファ イル … 
2000 年 問題 . 
2 進数 …… 
2 つ 上 の 階層 の ファ イル .… 
2 つ 下 の 階層 の ファ イル .… 
















2 バイ ト 文 字 . 
2 を 底 と する 自然 対数 .. 
4 格 の 西暦 で 表示 する 
4 桁 の 西 暦 を 設定 する 


Adobe Acrobar . 
Adobe GoLive .… 
Adobe ImageReady 
Amaya …… 
Anchor オ プ ジ ェ クト (配列 ) . 
Applet オ プ ジ ェ クト (配列 ) .… 
Area オ プ ジ ェ クト … 
Array オ プ ジ ェ クト … 











ASCII 形 式 の 文字 を デコ ー ド 
SG 一 清和 2yyaecstaoo 
Boolean オ プ ジ ェ クト . 
Burton オ プ ジ ェ クト … 
Cascading Style Sheet . 
G' で 」 時 
Checkbox オ プ ジ ェ クト .… 





250.349,383.386.389 
560 
































187 
cookie フ ァイル … 349 
Dare オ プ ジ ェ クト .… 568 
delete 演 算 子 540 
DIV 要 素 . 194 
do while 文 … 546 
document オ プ ジ ェ クト .… 557 
OOo 577 
Dreampassport2 504 
Dreamweaver .… 600 
1 
DynamicHTML 
ECMA-262 . 














ECMAScript .… 





em 


cmbeds 配 列 


event オ プ ジ ェ クト . 
e を 底 と する 10 の 自然 対数 . 
e を 底 と する 2 の 自然 対数 
FAX 番号 … 
FileUpload オ プ ジ ェ 
Fireworks 
Form オ プ ジ ェ クト 
frame オ プ ジ ェ クト … 
fnncrtion オ プ ジ ェ クト 
Gecko . 
EE…… 
GIF 形式 
GTM 形 式 .. 
Hidden オ プ ジ ェ クト . 
histop オ プ ジ ェ クト .… 
HTML3.2.. 
HTML4.0 . 

















クト 


・571 





HTML4.0 Frameser 
HTML4.0 Frameset DTD . 
HTML4.0 Surict 
HTML4.0 Transirional 
HTML の パー ジョ ン ……… 
HTML を 配列 と し て 扱う .… 
BLUUP 一 Wo 















Image オ プ ジ ェ クト 
Iorsze 














Internet 38 
Internet Se の eyes 
ISO8601 . 
ISO88859-1(Lann 1) .… 
1SO-Larin-1 コ ー ド 
ISO-Latin-1 の コー 
ad 
Java ……… 
Java Archive . 
JavaScript 
JavaScript1.0 
JavaScriptl.1 
JavaScript1.2 
JavaScript1.3 
JavaScrip 対 応 の ソフ ト 
JavaScripr 対 応 ペー ジ と 未 対応 ペー ジ 
JavaScript で 取り 扱え る 型 の 種類 
Pe 6 
JAVA ア プレ ッ ト .… 0 
Java が 使え る か どう うか の 判断 。 
USM 
JIS コ ー ド . 
JPEG 形 式 
JScript 
LANGUAGE オ プシ ョ ン 
layer オ プ ジ ェ クト … 
Link オ プ ジ ェ クト 
Live Connect 
LiveAudio .… 

LiveScript … 
locadon オ プッ レッ ンク 1 



























Math オ プ ジ ェ クト 
META 要 素 ……… 
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mimeTypes オ プ ジ ェ クト (配列 ) .……………. 553 
WMER 導 aa 138,140.162.182,257,270 
187 

































・20 
N 一 選 

mV3RADOK オ ジグ 球 泊 aSaaaritusnsa953 
Netscape Navigator .… DC _20 250 
new 演 算 子 59.5 500, 0.506 540 
nul 値 .… …538 
Number オ プ ジ ェ クト . 572 
n 進 数 に 変換 .… 9 
n の m 乗 .… 70 
n 番 か ら m 個 の 文字 を 抜き 出す 89 
n 番 目 の 文字 を 抜き 出す 87 
Object オ プ ジ ェ クト … 
【0 こじ RRB 
Painrer 5.5 Web Edirion 
Password オ プ ジ ェ クト 
Pc ee 


Plugins オ プ ジ ェ クト (配列 ) .. 
Plugins 配 列 の リフ レッ シュ . 
PNG 形式 .… 
POst 





Radio オ プ ジ ェ ク ント 
RegularExpression .… 

le リュ ク 必 ト 
Reset オ プ ジ ェ クト … 
rgb(n9%.n9%n%) 形 式 
rgb(nin.n) 形 式 .… 
screen オ プ ジ ェ クト . 
Select オ プ ジ ェ クト 


273.303, 323、 594 
-194 
-569 
-564 
.546 
-564 
-・565 
-574 
2 


Signed Script . 
SPAN 要 素 .…… 
string オ プ ジ ェ クト 
Submit オ プ ジ ェ クト 


Textarea オ プ ジ ェ クト 
Textk オ プ ジ ェ クト … 








Top-Level プ ロ パ ティ 
Transinional DTD . 










transParent . .196,222 
rue・false の 値 を 設定 .… 509 
typeofO 演 算 子 .… 540 
UNICODE .… 37,482 
URL へ 進む .… 354 











URL を 別 フ レー ム へ 表示 . 
UTC の 設定 
UTC の 表示 .… 
VBScript … 
void() 演 算 子 . 
WO os 
window オ プ ジ ェ クト … 


アー クコ サイ ン 
アー クサ イン 
アー クタ ンジ ェ ン ト 
アク セ シ ビ ピリ ティ … 














- 296,299 
- 506,507 


新しい ウィ ンド ウ 
新しい オプ ジェ クト 


アッ プロ ー ド する ファ イル の 選択 
後 か ら 削 除 さ れ た 部 分 . 
後 か ら 追 加 さ れ た 部 分 . 
アニ メー ショ ン 
アニ メー ショ ン GIF . 








新た な プロ パテ ィ … 

イタ リッ ク . Re … 60.482 
定時 間 ご と に 処理 を 繰り 返す snsveon522. 
イベ ント タイ プ .… 260.276,550 











イベ ント の 開放 
イベ ント の 種類 
イベ ント の 発生 … 
イベ ント の 引き 渡し 
イベ ント ハン ドラ 
イメ ー ジ マッ プ 


528 
・276,278 





・260.547 
・132,398 




















入れ 子 ……… 387,583 
色 の 指定 方 法 . … 25,187 
色 を % で 指定 .…… 6 
色 を 10 進 数 で 指定 188 
色 を 16 進 数 で 指定 25.187 
色 を 名 前 で 指定 .… 

イン クリ メン ト 

印刷 時 の 改 ペ ー ジ 

イジ スタ シス …. 

イン スタ ンス の 作成 - 259,544 
人 スシ PR -187 
イン ライ ン フ レー ム -180 
は 


ウィ ンド ウ か ら フ ォ ー カ ス を 移動 
ウィ ンド ウ 内 の 文字 を 検索 .… 
ウィ ンド ウ に フォ ー カ ス を あたえ る . 
ウィ ンド ウ の 位置 . 
ウィ ンド ウ の 外周 . 
ウィ ンド ウ の サイ ズ .… 
ウィ ンド ウ の 内 周 . 
ウィ ンド ウ の 表示 領域 を 移動 する 
ウィ ンド ウ を 一 定量 ずつ 移動 する 
ウィ ンド ウ を 一 定量 ずつ リサ イズ する . 
ウィ ンド ウ を 移動 する .… 
ウィ ンド ウ を 後ろ に 送る 
ウィ ンド ウ を スク ロー ル す る 
ウィ ンド ウ を 閉じ る .… 
ウィ ンド ウ を 開く . 
ウィ ンド ウ を プリ ント する 
ウィ ンド ウ を 前 に 出す …… 
ウィ ンド ウ を リサ イズ する 





















演算 子 の 優先 順位 . 二 
回 trendkeeikdeeaftedheoeeedseedsssseiess3 


オイ サー 定数 aoeesneeeosessavsoc2600071 
大 き な 画 像 …… 





大 文字 を 小文字 に 変換 
置き 換え 要素 
お 気に入り … 
同じ 階層 の イベ ント . 
同じ 階層 の ファ イル .… 
同じ ペー ッ > 内 の 指定 し た 位置 ヘリ ンク 











オプ ジェ クト 内 の 値 . 
オプ ジェ クト 内 の 値 を 文字 列 に 変換 
オプ ジェ クト に 名 前 を 付け る 
オプ ジェ クト の 数 .……-… 
ボブ ジーグ の 作 有 ae 








オプ ジェ クト の 参照 . 
オプ ジェ クト の 省略 . 
オプ ジェ クト 名 .… 
オプ ジェ ク ト を 文字 列 に 変換 
お みく じ .… 














関数 が どこ か ら 呼 ば れ た 
関数 の 処理 の 定義 . 
関数 の 設定 .……… 
関数 の 内 容 を 配列 と し て 使用 


カー ソル が 上 に 乗っ た と き の リ ンク 文字 の 色 .…… 
・ 32,186,228 


- 














キー の ASCII コ ー ド . EeeSREeTEGOSS ジ の 
キー ボー ド か ら 入 力 する 文字 。 es 。9 
キー ワー ド 34213215、 っ 46 544 





隠し テキ スト ボッ クス 
隠し フィ ー ル ド 









































蔽 摩 ye。 -473 
ボッ クス -288 
各 プ ラウ ザ 専 用 ペー ジ の 振り 分 け .… -357 
下線 .. 60.210 
画像 と テキ スト の 縦 の 位置 関係 . -126 
画像 と 回 り 込ま せ た テ キス ト の 間隔 -129 
画像 に テキ スト を 回 り 込ま せる .… -128 
画像 に よる 送信 ボタ ン .150 く 一 け 
画像 の 位置 ……… .128 
画像 の 上 と テキ スト の 上 を 揃え る .… …126 
画像 の 代わ り の テキ スト 123,238 
画像 の 左右 の 間隔 .…… 129 。 タラ ス 名 8 
画像 の 下 と テキ スト の 下 を 揃え る クリ アポ タン .… 148 
画像 の 上 下 の 間 隔 .… 129 繰り 返し 処理 .… 542.543.546 
画像 の 情報 .… クリ ッ ク し た と き の リ ンク 文字 の 色 32,186,228 
| 4: クリ ッ プ の 情報 .…… 
画像 の 中 心 と クロ スプ ラウ ザ DHTML 
















黒丸 .… 
警告 ウィ ンド ウ を 開く 
412 警告 用 の ダイ アロ グ ボ ックス 
124 時 線 の 行 揃え 位置 
123 劉 線 の 長 さ . 
130 四 線 の 太 さ . 
131 費 線 を 平面 的 に 表示 SO 





画像 の ロー ド 状 能 


画像 の 枠 の 太 さ .… 
画像 ファ イル の URL .… 
画像 へ の 回 り 込み を 解除 
画像 を 2 段階 で 表示 .… 
画像 を 後 か ら 開く .… 
画像 を 置き 換え る 
画像 を 配置 する .… 
画像 を 変化 させ る 
画像 を リロ ー ド する 


索引 

























午前 を 表示 する …… 
異な る オプ ジェ クト を 呼び 出す .… 
コメ ント 。 fs 
小文字 を 大 文字 に 変換 
子 レ イヤ ー の 情報 .…… 
コン ソー ルウ ィ ン ド ウ 
コン ピュ ー タ 関連 の テキ スト . 











サー チエ ンジ ン .… 
居れ ポ 光 。 
削除 文字 
様々 な 形式 の デー タ 
左右 へ の 配置 . 
算術 演算 子 … 








時 間 ご と に 癌 っ た メッ セ . を 表示 
時 間 に よ っ て 背景 画像 を 変え る 


・210,482 
・41 


ショ ー ト カッ トキ ー -142.143, 





145,148,150,152.154,155,156,162,164,166,241.244 
使用 可能 な MIME タ イプ 





使用 可能 な 数 値 の 範囲 .… 
使用 可能 な プラ グイ ン … 
上 下 の レ イヤ ー の 情報 









処理 の スキ ッ 542 
自 半 assas -86 
MP 509 
シン グル ク ォ ー - 387.538 





の opt リザ 4 
スイ ッ チ …… 





数 学 記号 
数 字 の 連 番 付き の リス ト . 











数 値 か どう か を 調べ る 
スク リプ ト .… 

スク リプ ブ ト が 実行 されない 陽 境 用 の 内 容 
スク リプ ト 言 語 .… 

スク リプ ブ ト で 利用 する ボタン …。 
進む ボタ ン …… 
スタ ー ト ボタ ン 
スタ イル 競合 時 の 優先 順位 . 
スタ イル シー ト … 
スタ イル シー ト 言 語 
スタ イル シー ト の 人 情報.… 
スタ イル シー ト を HTML に 組み 込む 
スタ イル シー ト を 

タグ 内 に 組み 込む た め の 属 性 .……… 
スタ イル シー ト を 別 フ ァイル か ら 読 み 込む . 
ステ ー タ ス 行 に 文字 を 流す . 








・291,292 












ステー ド メ ジ Le -263,542 
すでに 見 た リン ク 文 字 の 色 . 32,186,228 
スト ッ プ ボタ ン .… 


ACN 
スペ ルミ ス . 
















設定 可能 な 名 前 

セレ クタ …… 

選択 し た 文字 を 返す …… 5 
選択 リス ト を リン ク に 使う . 374 
セ 輝 災 リ ジグ :27 の 











142,143,145,148,150,152,154,155.156,157,160, 162。 240 
ダ プ ルク ォ ー テ デー ショ ジ マー ク . 
単語 間隔 … 


















ー タ の 送信 方 法 . 
デー グリ Eee: 
定義 展 式 リ スト . 
定義 語 .… ee 
定義 済み の スタ イル を 適用 させ る た め の 脱 性 
停止 ボタ ン .… 
定数 … ce 
ディ スプ レイ の サイ ズ 

ディ スプ レイ の 表示 情報 … 
デキ ドー ング:eon 
テキ スト 入力 フィ ー ル ド 
テキ スト の 色 を 変え る 
テキ スト の 色 を 指定 
デ ク リ メン ト 
デバ パ バッグ.… 
デフ ォ ル ト 文 字 . 
電子 メー ル ア ド レス .… 
電話 番号 .… 
問い 合わ せ 先 
頭字 語 ……. 





・275 
-236 
-144 
45.346 
-342 
- う 39 
-585 
-145 




















索引 


本 


ドキ ュ メ ント の 情報 
ドキ ュ メ ント を 後 か ら 開く 
特殊 キャ ラク ター 文字 
特別 な 文字 …… 
ドラ ッ グ & ド ロッ プ 









な 行 


内 容 と 属性 の 値 の 言語 
内 容 の サン プル . 
内 容 の 説明 
長い 引用 文 … 
長い 文章 を 書き 出す 
ナビ ゲー タプ ジェ クト 
日 時 を 後 か ら 変更 する 
日 本 語 … 四 
入力 し た 通り に 等 幅 フ ォ ント で 表示 
入力 フォ ー ム .… 回 
入力 剛 付 き の ダ イア ログ ポッ クス 。 
任意 の 範囲 に 

スタ イル を 適用 させ せる た め の タ グ 
年 の 設定 .… 
年 の 表示 .… 















-258.553 
439 


2 バイ オガ 
背景 画像 
背 量 画 像 の 指定 . 
背景 画像 の 並べ 方 . 
背景 画像 の 表示 位置 






















背景 色 の 指定 . 
背景 色 を 変え る . 


配列 の 要素 を 逆 に 並べ 替え る . 
配列 の 要素 を ソー ト ……… 
配列 の 要素 を 文字 列 に し て 書き 出す 
配列 要素 .… 
パス ワー ド 
パス ワー ド の 入力 フィ ー ル ド 
パス ワー ド を 入力 する 
バッツ スペース 





比較 演算 子 … Rectssesmetrmiatepssi の は 
比較 関数 .… ak 
比較 し て 大 きい 方 の 数 値 を 返す 
比較 し て 小さ い 方 の 数 値 を 返す . 
引数 .… 
ピク セル 
左 揃え … 
日 付 の カウ ント ダウ ン … 
ピット 演算 子 




























表 全 体高 
表 全体 の 背 量 画像 
表 全体 の 背景 色 


表 と テキ スト の 位置 . 
表 と テキ スト の 左右 の 間隔 
表 と テキ スト の 上 下 の 間 隔 .… 
表 と 回 り 込 ませ た テキ スト の 間隔 . 
表 内 の 自動 改行 の 禁止 … 
表 内 の セル を 区 切る 線 の 表示 形式 . 
表 に テキ スト を 回 り 込 ませ る 
表 の 位置 指定 
表 の 大 き さ .… 
表 の キャ プシ ョ ン … 
表 の セル 内 で の 維 方 向 の 表示 位置. 
表 の セル 内 で の 横 方 向 の 表示 位置 
表 の セル 内 の テキ スト の 位置 
表 の セル 内 の マー ジ 
表 の セル の 大 き さ 
表 の セル の 間隔 .… 
表 の セル の 高 さ 
表 の セル の 幅 .… 
表 の セル を 連結 
表 の 外 梓 の 色 .… 
表 の 外 梓 の 表示 形式 . 
表 の 外 枠 の 大 さ 
表 の タイ トル … 
表 の 縦列 に 幅 や 行 捕え を まとめ て 指定 
表 の 縦列 の グル ー プ 化 .… 
表 の デー タ 用 セル .… 
表 の デー タ 用 セル の 背景 色 
表 の デー タ 用 セル 背景 画像 
表 の 背景 画像 …… 








表 の フッ タ 部 分 の グル ー プ 化 
表 の ヘッ ダ 部 分 の グル ー プ 化 
表 の 本 体 ( デ ー タ ) 部 分 の グループ 化 
表 の 見 出し 用 セル 
表 の 見 出し 用 セル の 背景 画像 
表 の 見 出し 用 セル の 背景 色 .… 


-118 
-118 
-118 














・102 








104 
-102 
-118 


表 の 横 1 列 の 背景 画像 
表 の 横 1 列 の 背景 色 .… 
表 の 横 列 の グループ 化 .… 











開い た ウィ ンド ウ に 文字 を 記述 。 







ピル トイ ン オ プ ジ ェ クト … 
ビル トイ ン 関 数 . 


ファ イル の 位置 指定 .. 
ファ イル の 更新 日 時 
ファ イル の 選択 . 





.336 
162 
・413 
-381 











フォ ー ム か ら の 送信 に メモ を 付け る 
フォ ー ム 内 容 の 変更 を チェ ッ ク . 
フォ ー ム に 説明 を 出す 
フォ ー ム に 入力 され た 文字 列 で 計算 
フォ ー ム に 文字 を 流す 
フォ ー ム の タイ プ …… 
フォ ー ム の 内 容 の グル ー プ 化 . 
フォ ー ム の 内 容 の ラベ ル 
フォ ー ム の 内 容 を 後 か ら 変 える . 
フォ ー ム の 内 容 を チェ ッ ク …… 
ンー ん ジオ ーー 
フォ ー ム を プリ ント .… 
プ ォ ント サイ ズ 。。 
フォ ント スタ イル … 
フォ ント の 基本 サイ ズ 
フォ ント の 種類 . 
フォ ント の 太 さ . 
フォ ント を 大 きく する 
フォ ント を 小さ くす る … 
フォ ント を まとめ て 設定 -216 
複数 行 の テキ スト 入力 フィ ー ル ド 
複数 の フレ ー ム を 同時 に 変更 . 
複数 の ペー ジ を 同時 に 変更 
普通 の リン ク 





・392 
-166 
-164 
・390 
・379 




















・521 
・ 62.213,478 


















-328 
・ 186,228 





索引 











624 


交通 の りり ジ 必 区 学 の 各 aeeeaeo2 





プラ ウザ の コー ド 名 … 
プラ ウザ の 使用 言語 
プラ ウザ の バー ジョ ン 
プラ ウザ の 判別 ……… 
プラ ウザ の ユー ザー エー 












… 135.271 


プラ グイ ン が 

イン スト ー ル され て いる か どう か の チェ ッ ク …272 
プラ グイ ン を 利用 する デー タ . 
フレ ー ム .… 
フレ ー ム 内 で の 表示 方 潜 
フレ ー ム 内 の 左右 の マー ジン . 
フレ ー ム 内 の 上 下 の マ ー ジ ン 
フレ ー ム に 新しい ペー ジ を ロー ド .… 
フレ ー ム に 未 対応 の プラ ウザ 向け の 内 容 
フレ ー ム の 行 揃え …… 
フレ ー ム の サイ ズ 変 更 禁 止 . 
フレ ー ム の スク ロー ル … 
フレ ー ム の スク ロー ル 制 御 . 
フレ ー ム の 全体 構成 
フレ ー ム の 高 さ .… 
フレ ー ム の 幅 . 
フレ ー ム 枠 の 表示 .… 記 
フレ ー ム を 区 切る 棒 の 非 表示 。 
フレ ー ム を 区 切る 棒 の 表示 . 
フレ ー ム を 区 切る 棒 を 完全 に 消す 
フレ ー ム を スク ロー ル す る . 
プロ ッ ク レ ベル 要素 …… 
プロ メ パ ティ 。 3000 
6 メソ ッ ド の 一 
プロ パテ ィ の 監視 .……… 
文 の 区 切り . 
分 の 設定 
分 の 表示 .… 


ペー ジ が ロー ド さ れ た 時 に 
ステ ー タ ス 行 に 挨拶 を 表示 





- 171,180 
171.180 











24,194.219 
184.259 























他 の ペー ジ と の 関係 .… いい 
他 の ペー ジ 内 の 指定 し た 位置 ヘリ ンク 。 













ボタ ン を リン ク に 使う .…… 


Ei 


マー ク 付 き の リ スト 
マー ク の 種類 を 設定 
マー ジン . 
マウ ス 提 作 の タイ 











短い 引用 文 . 
見 出し … 
ミリ セコ ンド を 設定 
ミリ セコ ンド を 表示 
ミリ メー トル ……… 















メー ル 送 信 時 に 挨拶 を 表示 ………………………383 
メー ル で 送信 する フォ ー ム 
命令 文 … 
メソ ッ ド . 
し トー ド 
メニ ュー の 選択 肢 
メモ リー エラ ー .… 






文字 色 … 
文字 間隔 . 
文字 セッ ト .… 
文字 化け . 
文字 列 .… 
文字 列 以外 を 検索 .… 
文字 列 以 外 を 文字 修 館 . 
文字 列 演算 子 















文字 列 に 複数 の 効果 を あたえ る 
文字 列 の 途中 の 文字 を 抜き 出す .… 








文字 列 を ISO-Laun-1 の 文字 コー ド に 変換 . 
文字 列 を 後ろ か ら 検 索 … 
文字 列 を 数 値 に 変換 
文字 列 を 整数 に 変換 
文字 列 を 先頭 か 検索 . 


文字 列 を 浮動 小数 点数 に 変換 
文字 を ASCII 形 式 に 変換 
文字 を URL 形式 に 変換 .… 
文字 を 大 きく する . 
文字 を 書き 換え る . 
文字 を 書き 出す … 
文字 を 消去 する 
の OS 
















最も 近く て 大 きい 整数 を 返す 
最も 近く て 小さ い 整 数 を 返す 
元 の ウィ ンド ウ を 参照 
元 の ウィ ンド ウ を 操作 
元 の ペー ジ へ 戻れ な いよ うに する . 


戻り 値 を 返す .… .544 
戻る ポ ボタン.… 22,350 


ユー ザー の プラ ッ ト フ ォ ー ム の タイ プ .……………266 





来歴 内 の 指定 され た ペー ジ を 表示 .…………351 
ラジ .472.473.474.475 
ラジ オ ボ タ ン .155 
ラジ オ ボ タ ン を リン ク に 使う 
ラベ ル .… 


乱数 … 











リア ル タ イ ム に 時 間 を 表示 .… 
リア ル タ イ ム に 月 を 表示 
リア ル タ イ ム に 年 を 表示 
リア ル タ イ ム に 秒 を 表示 
リア ル タ イ ム に 日 を 表示 
リア ル タ イ ム に 分 を 表示 … 
リス ト の マー ク や 番号 の 形式 
リス ト の 連 番 の 変更 .. 
リス ト 番 号 の 形式 は 
2723HrtpRy25rffsMYONerds7sca 


りみ ド 
リセ ッ ト 
り デ ラル …。 












を 表示 させ る ウィ ンド ウ の 指定 … 
リン ク 先 を 表示 する フレ ー ム . 
リン ク 先 を 別 の ウィ ンド ウ に 表示 .. 
リン ク で メー ル を 送る … 
リン ク の URL 情報 を 表示 
リン ク の 色 を 指定 .…… 
リン ク の 対象 と な る 位置 に 名 前 を 付け る 
リン ク 部 分 の スタ イル … 
リン ク を ボタ ン の よう に 使う . 

































ルー プ … Rs 
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ロー カル タイ ム の 表示 
ロー ド 完 了 後 に 次 の ペー 
ロー マ 数 字 大 文字 
ロー マ 数 字 小 文字 .… 
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HTML 関 連 リ ンク 
総合 


「W3C - The World Wide Web Consortium」 


國 本 隊 http : //www.w3 .org/ 
World Wide Web の 標準 化 作業 を 行っ て いる 非 営利 団体 「W3C] の サイ ト (英語 ) 


「 ど ら 猫 本 舗 の リフ ァ レ ンス カウ ンタ ー」 

川 還 虹 蘭 http: / /www . doraneko . orgd/ 
多数 の W3C の 仕様 を 翻訳 し て 公開 し て いる サイ ト 。 と て も 個人 の 作業 と は 思え な い ほ どの 
量 と スピ ー ド で 翻訳 され て いる 

「ZSPC」 

呈 暴 隊 http://www.zspc.com/ 
HTML や スタ イル シー ト の リフ ァ レ ンス 、DTD の 読み 方 、 ア クセ シビ リティ ・ ガ イド ラ 
イン の 日 本 語 訳 な ど 、 内 容 豊 富 な リフ ァ レ ンス ・ サ イト 

「 と ほほ の WWW 入 門 」 

還 蘭 http: //wakusei .cp1aza .ne . Jp/twn/www.htm 
HTML や スタ イル シー ト ・]avaScript・Perl な どの リフ ァ レ ンス マニ ュ ア ル 、Dynamic 
HTML・CGI・SSI・ カ ウン ター 設置 方 法 な ど 、 ペ ー ジ 作成 に 関す る 情報 満載 。 誰 で も 投 
稿 可能 な QA コー ナー も 賑わっ て いる 

「NTT DoCoMo Netl 


較 昌 革 http : //www .nttdocomo . co. Jp/ 
サイ ト 内 に ji モ ー ド 用 の ホー ムペ ー ジ 制作 に 関す る 詳し い 解 説 が ある 


HTML 


「HTML 4.0 Specification]」 


川 酸 附 http : //www .w3 .org/TR/REC-htm140/ 
HTML4.0 の 仕様 書 の 原文 (英語 ) 


「HTML 3.2 Reference Specification」 


還 度 芋 http : //www .w3 .org/TR/REC-htm132 .htm1 
HTML3.2 の 仕様 書 の 原文 (英語 ) 


「W3C HTML Validation Service」 
上 還 革 http: //va1idator .w3 .org/ 

正しい HTML に な っ て いる か どう か を 検証 し て くれ る サー ビス (英語 ) 
「HTML Help by The Web Design Group] 


還 昭 茸 http : / /www .htm1he1p . com/ 
ホー ムペ ー ジ 制作 の た め の 正 統 派 リ ファ レン ス ・ サ イト 。W3C 本 家 の 仕様 書 よ り 分 か りや 
すく 、 内 容 も うま くま と め ら れ て いる (英語 / 日 本 語 ) 
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CSS 


「Cascading Style Sheets, level 1」 


硬 暴 葵 http : //www .w3 .org/TR/REC-CSS1 
CSS1 の 仕様 書 の 原文 (英語 ) 


「Cascading Style Sheets, level ら 」 


画 座 附 http : / /www .w3 .org/TR/REC-CSS2 / 
CSS2 の 仕様 書 の 原文 (英語 ) 


「W3C CSS Validation Service」 


還 附 http : //igsaw.w3 .org/ 
正しい スタ イル シー ト に な っ て いる か どう か を 検証 し て くれ る サー ビス (英語) 


アク セ シ ビ リティ 


「Web Content Accessibility Guidelines 1.0」 


酸 附 http : / /www .w3 .org/TR/WAT-WEBCONTENT/ 
アク セ シ ビ ピリ ティ ・ ガ イド ライ ン 1.0 の 原文 (英語 ) 


「Web コン テン ツ アク セ シ ビ リティ ・ ガ イド ライ ン 1.0]」 
還 革 http ://www.zspc . com/doc/access1bi11ty/ 
アク セ シ ビ リティ ・ ガ イド ライ ン 1.0 の 日 本 語 訳 


「 こ ころ Web」 

還 民生 http: / /www . eda . or . Jp/Qdocument /kokoroweb/ 
障害 を 持つ 方 々 の パソ コン 利用 や コミ ュ ニ ケー ショ ン を 支援 する た め の サ イト 。 
具体 的 な 製品 や 事例 な ど が 紹介 され て いる 


「 株 式 会 社 ユ ー デ ィ ッ ト (情報 の ユニ バー サル デザ イン 研究 所 )」 

呈 蘭 http ://www.udit-jp . com/ 
誰 も が 使い や すい 情報 社会 の あり 方 を 提案 する 株 式 会 社 ユ ー デ ィ ッ ト の サイ ト 。 
「 ユ ニ バ パー サル デザ イン っ て どん な も の ? |・「 ア クセ シビ ピリ ティ っ て 何 ? ] と いう 人 に は 一 見 の 
価値 あり 
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JavaScript 関 連 リ ンク 
Netscape 社 の リフ ァ レ ンス 


「JavaScript Developer Central 」 
川 隙 慌 隊 http : //deve1oper .netscape.com/tech/]avascript/1ndex .htm1 
JavaScript に 関す る 情報 を 提供 する ホー ムペ ー ジ (英語 ) 


「JavaScript Guide」 


川 隙 還 笠 http://www.netscape.com/eng/mozi11a/3.0/handbook/ 
javascrip/index .htm1 
JavaScript 1.1 の ガイ ド ( 英 語 ) 


「What's New in JavaScript 1.2」 


川 左 虹 蘭 http://deve1oper .netscape .com/docs/manua1s/commun1cator/ 
jsguide/]js1_2.htm 
JavaScript 1.2 の ガイ ド ( 英 語 ) 


「What's New in JavaScript 1.3] 


川 遼 国府 http : //deve1oper .netscape . com/docs/manua1s/communicator/ 
jsref/]s13 .htm1 
JavaScripr 1.3 の ガイ ド ( 英 語 ) 


「JavaScript Guide」 


咽 虹 蘭 http: //deve1oper .netscape . com/docs/manua]s/communicator/ 
jsguide4/index .htm 
サー バー サイ ド JavaScripc と クラ イア ント サイ ド javaScript の ガイ ド ( 英 語 ) 


「JavaScript Reference」 


咽 虹 議 http : //deve1oper .netscape .com/docs/manua1s/communicator/ 
jsref/index .htm 
サー バー サイ ド JavaScript と クラ イア ント サイ ド JavaScript の リフ ァ レ ンス (英語 ) 


「Client-Side JavaScript Guide」 


川 硬 葵 http : //deve1oper .netscape . com/docs/manuals/]s/c1ient/ 
jsguide/index .htm 
クラ イア ント サイ ド JavaScripc の ガイ ド ( 英 語 ) 


「Client-Side JavaScript Reference」 


咽 国共 http : //deve1oper .netscape.com/docs/manua1s/]s/c1ient/ 
jsref/index .htm 
クラ イア ント サイ ド JavaScript の リフ ァ レ ンス (英語 ) 
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Microsoft 社 の リフ ァ レ ンス 


「JScript」 

屋 護 鞭 http : //msdn.microsoFt .com/scripting/]script/deFau1t .htm 
Microsofr 社 の JavaScript 万 換 の スク リプ ト JScript の 解説 (英語 ) 

「JScript」 


川 硬 護 主 http : //www.microsoEt.com/Japan/Deve1oper/Scripting/ 
JScript/defau1t .htm 
JScript の 日 本 語 ペー ジ 解 説 ペ ー ジ 


メー リン グリ スト 


「js-ML」 
川 国 蘭 http : //www. Fureai .or. jp/-tato/]s-m1/]sm1 .htm 
Dynamic HTML 及 び DHTMLcross-browser、javaScript 関 連 の メー リン グリ スト 


ネッ トニ ュー ス 
comp.Iang.javaScript 
英語 の JavaScripr の 話題 を 取り 扱っ た ニュ ー ス グル ー プ 


fj.lang.javascript 
日 本 語 の JavaScript の 話題 を 取り 扱っ た ニュ ー ス グル ー プ 


その 他 の ペー ジ 


「 一 撃 必 殺 JavaScript 日 本 語 リ ファ レン ス 」 

http : / /www . Shio]1ri .ne . Jp/~-openSpc/ 
情報 量 は 随 一 

「 独 学 JavaScript] 

中 暫 R 生 http : //www.ueda . info .waseda . ac . jp/-gaku/]s/1ndex .htm1 
JavaScript 関 連 Page の 老舗 

「JavaScriptTips 集 」 

用 2 http : / /www . din . or . Jp/~-hagi3/JavaScript/JSTips/Defau1t .htm 
JayaScript、DHTML 関 連 、cross-browserDHTML 情 報 多数 

「WebPage で 使え る JavaScript」 


川 屋 認 動 http : //www .bekkoame .ne . jp/-hamba/webimage/〕java/ ava .htm1 
JavaScript 関 連 リ ンク が 充実 し て いる 
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ホー ムペ ー ジ 作成 参考 書籍 


HTML 関 連 書 籍 


「 は じ め て の SGML」 (技術 評論 社 ) 
編著 : (株 ) 日 本 ユニ テッ ク SGML サ ロン 


「HTML ハ ンド ブッ ク 」( ソ フト バン ク ) 
著者 : 渡辺 竜 生 


「 詳 解 HTML4.0&Cascading Style Sheet 辞 典 ]( 秀 和 シ ステ ム ) 
著者 : 剛 蔵 全 一 


「 詳 解 HTML&SJavaScript 辞 典 」 (秀和 シス テム ) 
普 者 : 岡崎 桂子 , 長 谷川 豊 , 半 場 方 人 
JavaScript 関 連 書籍 


「 だ れ で も カン タン JavaScript サ ンプ ル 集 」( 秀 和 シ ステ ム ) 
普 者 : 高橋 登 史朗 





「JavaScript 入 門 」( 技 術 評 論 社 ) 

普 者 : 半 場 方 人 

「 ち ょ っ 初心 者 の た め の JavaScript 入 門 」 (秀和 シス テム ) 

普 者 : 半 場 方 人 

「 改 定 第 5 版 JavaScript ポ ケッ トリ ファ レン ス 」( 技 術 評論 社 ) 
著者 : 二手 一 洗 


「OFFICIAL Netscape JavaScript」(BNN) 
着 者 : PeterKentjohnKenr 


「 詳 解 JavaScript&DynamicHTML 辞 典 」( 秀 和 シ ステ ム ) 
普 者 : 半 場 方 人 
DynamicHTML 関 連 書籍 


「 ダ イナ ミッ ク HTML フ ァ ー ス トス テッ プ 」( 秀 和 シ ステ ム ) 

著者 : 松尾 四則 

「 だ れ で も カン タン DynamicHTML サ ンプ ル 集 」( 秀 和 シ ステ ム ) 
著者 : 高橋 登 史朗 

「DynamicHTML で つく る ホー ムペ ー ジ 」 (技術 評論 社 ) 

監修 : 古 族 一 浩 著者 : 松 尾 忠 則 , 半 場 方 人 . す ぎ う らし ろう 
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時 題 庄 式 な 文書 を 作る うえ で 必 
抽 蘭 粒 区 な HTMI4.0 と 、 自 由 度 の 
盛 基 40 高い レイ アウ ト を 実現 する 
この Cascading Srle Sheet2 を 、 辞 
書 形 式 に まとめ た Web デザ 
イナ ー 必 携 の 書 ! 










岡 蔵 龍一 著 定価 (本 体 2.000 円 + 税 ) 
ISBN4-87966-828-1 


詳解 HTML&Cascading Style Sheet 辞 典 


サン プル を コピ ー し て 使う こ 
と で 理解 を 早め た り 、 作 成 時 
間 を 短縮 で きま す 。 100 以上 
の サン プル を 収録 し た CD- 
議 ヨ Wo| NOM を 解説 と 共に 利用 すれ 
ば 、 簡 単に 動く ホー ムペ ー ジ 
が 作れ ます 


だ れ で も カン タン JavaScript サ ン ブ ル 集 
高橋 登 史朗 / 著 定価 (本 体 2.800 円 + 税 ) 
ISBN4-87966-706-4 





サン プル を 中 心 と し た ダイ ナ 
ミッ ク HTML の 入門 書 。 サ 
ンプ ルソー ス を コピ ー し て 、 
HTML ファ イル に ペー スト 
する だ け で 、 動 き の あ る ホー 


サン フル 集 の 半 ま ま 1 





NN リグ 
だ れ で も カン タン JavaScript サ ンプ ル 集 
高橋 登 史朗 / 著 定価 (本 体 2.800 円 + 税 ) 
ISBN4-87966-807-9 


スク リプ ティ ング 未経験 の 
超 初心 者 で も 抵抗 感 の な い 、 
新しい タイ プ の 入門 書 。 最 
新 パ バージ ョ ン で ある [ava 
Script1.3] に も 対応 し て い 
ます 





ちょ 初 者 の た め の JavaScript 入 『 
半 場 方 人 / 著 定価 (本 体 2.200 円 + 税 ) 
ISBN4-87966-706-4 


DynamicHTML を 作る 基本 
と し て 必要 な JavaScript1.2 
と 、 そ の まま 使用 で きる 簡単 
の で 短い DynamicHTML の サ 
7 ンプ ル を 、 辞 書 形式 に まとめ 

FT 1 た Web デ ザイ ナー 必携 の 書 ! 












詳解 JavaScript&DynamicHTML 辞 典 
半 場 方 人 / 著 定価 (本 体 2.200 円 + 税 ) 
ISBN4-87966-829-X 


CD-ROM に 収録 され た サン 
プル を 見 開き 展開 の 解説 に 
沿っ て 改変 ・ 設 置 す れ ば 、 今 

日 か ら あ な た の ホー ムペ ー ジ 
| で ケ ク セス カウ ンタ や チャ ッ 
トル ー ム が 使え ます 


レル レア ノリ 3 


だ れ で も カン タン CGISSSI サ ンプ ル 集 
古川 剛 ・ 谷 中 一 朝 ・ 成 田 政 司 / 著 定価 (本 体 2.800 円 + 税 ) 
ISBN4-87966-774-9 


「 動 く ア クセ スカ ウン タ ]」・ 
「Web ペ ー ジ に 埋め 込め る 掲 
示 板 ] な どの 実用 的 な プロ グ 
ラム を 満載 し た 、CGI・SSI・ja 
vaScript だ け で は 実現 で き な 
い 、JAVA な ら で は の サン プル 
集 で す 


だ れ で も カン タン JAVA ア プレ ッ ト サ ンプ ル 集 


Digital Cat LLC.・ 佐 藤 治 / 著 定価 (本 体 2.800 円 + 税 ) 
ISBN4-87966-808-7 


(株 ) 秀 和 シ ステ ム の 
ホー ムペ ー ジ 


ht て p : / /www. Shuwasystem.co.]p/ 





新刊 書籍 の ご 案内 な どの 最新 情報 や 既刊 書籍 の 
検索 、 サ ポー トペ ー ジ へ の リン ク な ど が ご ざい 
ます 。 

また 、 直 接 購入 の ご 案内 も させ て いた だ いて お 
り ま す 。 
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ささ エリ ルル エコ 






トペ ー ジ 


URL : http://Www.shuwasystem.COo.jp/book0D931 / 
パス ワー ド : OHSUNM 


本 書 で 紹介 し て いる サン プル の 閲覧 や ダウ ン ロ ー ド が で きま す 。 
パス ワー ド は 、 半 朋 英 大 文字 で 入力 し て くだ さい 
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ISBN4-87966-931-8 C3055 
定価 は カバ ー に 表示 し て あり ます 。 


落丁 本 、 乱 丁 本 は お 取り 替え いた し ます 。 


@ 本 書 の 内 容 に 関す る お 問い 合わ せ 先 
住所 、 氏 名 、 電 話 番号 を 明記 の 上 、 書 面 に て お 送り くだ さい 。 


カラ フー チャート 1 :HTML4.0 で 名 前 が 定義 され て いる 色 


HTML4.0 で color 属 性 の 値 と し て 定義 され て いる 色 名 は 、 以 下 の 通り で す ( 色 の 名 前 に は 大 
文字 と 小文字 の 区 別 は あり ませ ん )。 

これ ら は 、CSS2 で も 同様 に プロ パテ ィ の 値 と し て 利用 で きま す 。 色 を 指定 する 属性 は HTML 
の 次 の バー ジョ ン で 廃止 され る こと に な っ て お り 、 代 わり に スタ イル シー ト を 使用 する こと 
が 推奨 され て いま す 。 

具体 的 な 色 の 指定 の 方 法 は 、HTML の 場合 は [HTML に つい て 」 の 「 色 の 指定 方 法 」(P.25)、 
CSS の 場合 は 「 ス タイ ル シ ー ト に つい て 」 の 「 色 の 指定 方 法 ](P.187) を 参照 し て くだ さい 。 


#COC0C0 Silver 5 me 
#FFFFFT White 目 EEmEO00 誠 Yellow 


yea en 
了 me 
mem 開 
。 電 FFOOFT Fuchsia Aqua 





Web Safe カテ ラー に つい て 


パソ コン の 画面 上 の 色 は 、RGB(Red、Green、Blue) の 色 を それ ぞ れ 0 一 255 ま で の 256 段 階 
に 調節 し て 色 を 表現 し て いま す 。 し た が っ て 、 フ ルカ ラー で は 256X256X256(RXGXB) の 
16,777,216 色 が 表現 され ます 。 

[Web Safc カラ ー」 と は 、 こ の 各 256 段 階 あ る RGB 値 を 6 段階 に し た も の で す 。 そ し て 、 そ 
の 6 段階 の 値 と は 、0・51・102・153・204・255 と 、0 か ら 51 ず つ 増 や し て いっ た 数 に な っ て 
いま す 。51 は 16 進 数 で いう と [33]、 割合 で いう と [20%」 に あたる 数 で す 。 つま り 、「Web Safe 
カラ ー| は 、RGB の 各 値 (画面 上 で は 光 の 強 さ ) を 09% か ら 209% ず つ 上 げ て いっ た 値 の 組み 合せ 
で 作ら れ て いる と いう こと に な り ま す 。 











これ ら を 組み 合わ せる と 、RGB の 3 色 が それ ぞ れ 6 段階 ある の で 、6X6X6 の 216 色 が Web 
Safe カテ ラー と いう こと に な り ま す 。 
具体 的 な 色 に つい て は 、 次 ペー ジ を 参照 し て くだ さい 。 
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カラ ー チ ャ ー ト 2 : Web Safe カラ ー 


Windows や Macinrtosh な どの プラ ッ ト フ ォ ー ム で それ ぞ れ 設定 され て いる 、256 色 の シス テ 
ムカ ラー パレ ッ ト の うち 、 共 通し て いる 216 色 の カラ ー チ ャ ー ト で す 

これ ら の 色 を 使う こと で 、 異 な る OS 環境 で も 色 化 け な ど を 生じ させ る こと な く 表 示す る こ 
と が で きま す 

印刷 され た 色 は 、 実際 に 画面 に 表示 され て いる 色 と は 多少 異な り ま す 。 大 体 の 色 の 感じ を 
掴む いた め に ご 利用 くだ さい . 


は リリ リリ リリ リト た 1 りり リリ ココ リリ 
(000,000,000) 條 (000,051,000) 宮 000』102.000) 
は リリ リリ ドド 】 #003333 は リリ ユ モ た 】 
(000,000,051) 目 (000,051,051) 凍 (000,102, 051 ) 
メリ リリ リ ユ コ メリ トト 11] は リリ ココ ココ 
(りり 7 リ リリ を いとう 】 6 りり は いう) ( り 中 記 と た 【 レ 1) 


) 








1 #00Fr99 
(000,255,153) 





0 






2,15. 





#0099CC 昔 00CCCC 00FFCC 
(000,153,204) (000,204,204) (000,255,204) 





菩 0099FF 井 00CCFF 井 00FFEFF 
( (000,153,255) (000,204,255) (000,255,255) 


た た 1 りり リリ : た た ミミ 1 リリ た た すさ りり 
0 はり いび 内 りり り 】 00 か) 相 上 りり (時 ( と 有人) 
た た 】 り いよ 】 た た た モト まま ] た 1 うた た 】 
(051,000,051) 目 (051,051,051) 目 (051,102, 051 ) 


: ま を 1 り リリ ココ : た た た を 】-)-】 : た た! ココ ゴ ココ 
(051,000,102) 目 (051,051,102) 唐 (051,102,102 ) 









#33FF99 
(051,153,153) (051,255,153) 


昔 3399CC 菩 33CCCC 33FFCC 
(051,153,204) (051,204,204) (051,255,204) 





井 3399FF 井 33CCF 井 33FFFE 
255 (051,153,255) (051,204,255) (051,255, 255) 


メス コリ リリ リ : ュ ユー ト た 1 リリ ミュ ココ ココ リリ 
(6r れ りり い 只 りり り 】 6 と は 引 りり ) (6r 導 と 朋 り りり) 
トメ ココ リリ トト) 昔 663333 ココ ココ トト 】 
とれ りり は 9 56 と 折り は 男 に 19) (テレ 折 と 多 79) 


は コリ リス - 菩 663366 ココ ココ 
で レガ カ リ リリ まい 3】 6! とり は 明生 ! サ 3) 
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ココ リナ 
(102,000,153) 目 (102,051, 







上 


昔 6699CC 暮 66CCCC #66FFCC 
(102,153,204) (102,204,204) (102,255,204) 














韻 6699FF 井 66CCFF 電 66FFFE 
(102,153,255) (102,204,255) (102,255,255) 







幸 
ドコ 
コリ 
ら 
ーー】 
トー】 
トー】 


: た よ た た 1 リリ たよ よ ささ リリ 


を 上 た り いり 月 りり を 上 よう の りり 16 上 た 技 ! と 用 りり) 


たよ た ル いよ た : た トト トミ た] たよ よ ユー トト 】 
(153,000,051) 目 (153,051,051) 目 (153,102.051 ) 





た た ルリ リー た た よ た 】 ユ コ た よ よ 1 
(153,000,102) 目 (153,051,102) 委 (153,102,102) 


0099 た よ た た は ##999999 9 #99FF99 
|(153,000,153 53, 05 (153,153,153) (153,204,153) (153,255,153) 







0 3 菩 9999CC 昔 99CCCC 99FFCC 
000,20 (153,153,204) (153,204,204) (153,255,204) 


1 井 9999FF 井 99CCFF 井 99FEFEFF 
・ り (153,153,255) (153,204,255) (153,255,255) 


xevo リリ リリ vo トミ 】 り リ 1 コリ リ 
(204,000,000) 目 (204,051,000) 中 (204,102,000) 
vi り 上 た 】 ##CC3333 昔 CC6633 
を (し の りり 月 上 9】 1 9) 【 し CC 邊 いと 9) 


と 1 05 
| #CC0066  #cc336e 
(204,000,102) 目 (204,051,102) 





#CC9999 #tCCcC99  #Corm99 
(204,153,153) (204,204,153) (204,255,153) 


##CC99CC 韻 CCCCCC 韻 CCFEFCC 
(204,153,204) (204,204,204) (204,255,204) 


音 CC99FF 井 CCCCFTF 井 CCFFEF 
(204,153,255) (204,204,255) (204,255,255) 


2 メ ュ リリ リリ メー よ よ 】 り り 2 メ ュ ココ リリ 
を は は 月 り い 内 上 りり 】 を 上 渦 上 : の り り り ) を 上 上 な 【 と お りり リリ) 
ジコ ュ リ ト と 】 #FF3333 #FF6633 
(255,000,051) 目 (255,051,051) 目 (255,102,051) 


メッ コリ リコ ゴ #FF3366 メメ ココ コ ゴ 
(255,000,102) 目 (255,051,102) 四 (255,102,1 





に 作っ 





井 FF9999 韻 FFCC99 
(255,153,153) (255,204,153) (25 


井 FF99CC 井 FFCCCC #FFEFEFCC 
(255,153,204) (255,204,204) (255,255,204) 


#FF99FF 井 FFCCFF 井 FFEFEFE 
(255,153,255) (255,204,255) (255,255,255) 
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カラ ー チ ャ ー ト 3 : Color Name 


HTML4.0・CSS で 正式 に 設定 され て いる 色 、 プ ラッ ト フ ォ ー ム 間 で 共通 な 色 、 と いう よう 
に 紹介 し て きま し た が 、 最 後 は ブラ ウザ で 設定 され て いる 色 で す 。 

以下 の チャ ー ト は 、Internet Explorer と Netscape Navigaror で 名 前 が 定義 され て いる 140 色 で 
す (HTML4.0 で 定義 され て いる 16 色 も 含ま れ て いま す )。 色 を 名 前 で 設定 する 時 に 利用 する こ 
と が で きま す が 、 あ くま で も プラ ウザ が 対応 し て いる も の で ある の で 、 不 安定 な 部 分 が ある 
こと に 注意 し て くだ さい 。 

印刷 され た 色 は 、 実 際 に 画面 に 表示 され て いる 色 と は 多少 異な り ます 。 大 体 の 色 の 感じ を 


掴 わ た め に ご 利用 くだ さい 。 








#FFFTFEFF White #COC0C0 Silver 
#FFFAFA Snow #D3D3D3 LightGrey 
#F8F8FF GhostWhite 非 DCDCDC Gainsboro 
#FF5F5TF5 WhiteSmoke #778899 LightSlateGray 
#FFFAF0 FloralWhite 4A り 1 リリ SlateGray 
#FAFOE6 Linen B C LightSteelBlue 
#FAEBD7 AntiqueWhite #4682B4 SteelBlue 
#FFEFD5 PapayaWhip 4169 互 1 RoyalBlue 
韻 FFEBCD BlanchedAlmond #191970 MidnightBlue 
#FTFE4C4 Bisque AUUUU:i り Navy 
#FFE4B5 Moccasin #00008B Darkblne 
、 #FFDEAD NavajoWhite #0000CD MediumBlue 
#FFDAB9 PeachPuff は りり リッ Blue 
韻 F 下 互 4EE1 MistyRose ドル リッ コ DodgerBlue 
#FFFOTF5 LavenderBlush CornflowerBlue 
#FFTF5 万 万 Seashell DeepSkyBlue 
#FDF5E6 OldLace LightSkyBlue 
#FFFFFO Ivory SkyBlue 
#FOFFFO Honeydew ) 。 。 LightBlne 
#F5FTFFA MintCream 共 BOEOE6 PowderBlue 
#FOFFFF Azure 井 AFEEEE PaleTurquoise 
#FOF8FF AliceBlue EE0FFFF LightCyan 
韻 EE6E6TA Lavender Cyan 
は UIUU り 0 Black Aqua 
DarkSlateGray Turquoise 
DimGray MedinumTurquoise 
Gray DarkTurquoise 
Darkgray LightSeaGreen 
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に 8 3 





#008B8B 
#008080 
2E8B57 
: た た 1】 う - ア 1 コ 
#006400 
は ルリ は リリ リ 


は う -!) っ ア を 】 
た 】【-1 リ リリ 


MI 


#FFFBDC 
#F5F5DC 
#FFFFEO 
#FAFAD2 
#FFFACD 
#F5DEB3 


りり - た と) コ 


CadetBlue 
Darkcyan 

Teal 

SeaGreen 
DarkOliveGreen 
DarkGreen 
Green 
ForestGreen 
MediumSeaGreen 
DarkSeaGreen 
MediumAquamarine 
Aquamarine 
PaleGreen 
LightGreen 
SpringGreen 
MediumSpringGreen 
LawnGreen 
Chartreuse 
GreenYellow 
Lime 

LimeGreen 
YellowGreen 
OliveDrab 

Olive 
DarkKhaki 
PaleGoldenrod 
Cornsilk 

Beige 
TLightYellow 
Lightgoldenrodyellow 
LemonChiffon 
Wheat 
Burlywood 

Tan 

Khaki 

Yellow 

Gold 

Orange 
SandyBrown 
DarkOrange 
Goldenrod 


Peru 


41 すり -] 
#D2691 巨 


#8B4513 
りり りり リ 
お)】 り りり リ 
た: モア ャ ヤル 
た: アア アル アル] 


FTF6347 
#FF4500 
2 うり リリ リリ 
#DC143C 
#C71585 





#FFC0CB 
#FFB6C1 
#D8BFD8 


たよ よ と 1% 
ます りり た ) 
まう 1 ルリ -】 
#800080 
#4B0082 
た うり )-}-】 
韻 8A2BE2 
だ よ 4 り り :) 
#6A5ACD 
#7B68EE 


PFOOT 
POOPW 
WEB2EE 
WPA70p6 
、 WBA55p3 
| #9932cC | 
| #9400p3 | 
| .#8B008B | 
| #eo0080 | 
| #apoo82 | 
還 EECED: 衣 開 
| #ea2pE2 | 
| #W9370p5 | 
| #ea5acD | 
|  *7566mm | 





DarkGoldenrod 
Chocolate 
Sienna 
SaddleBrown 
Maroon 
DarkRed 
Brown 
Firebrick 
IndianRed 
RosyBrown 
DarkSalmon 
LightCoral 
Salmon 
LightSalmon 
Coral 

Tomato 
OrangeRed 
Red 

Crimson 
MediumVioletRed 
DeepPink 
HotPink 
PaleVioletRed 
Pink 
LightPink 
Thistle 
Magenta 
Fuchsia 

Violet 

Plum 

Orchid 
MediumOrchid 
DarkOrchid 
DarkViolet 
DarkMagenta 
Purple 

Inmdigo 
DarkSlateBlue 
BlueViolet 
MediumPnrple 
SlateBlue 
MediumSlateBlue 
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VI 


フォ ント 表示 見 本 必 


Windows 
MS ゴシック MS P ゴ シッ ク 
日 本 語 漢字 見 本 日 本 語 河 字 見 本 


あい うえ お アイ ウエ オ 
0123456799 1! "#$%8/* ネ ー ャ ォ 


MS 明 朝 


日 本 語 漢字 見 本 
あい うえ お アイ ウエ オ 
01234567891"#$%&/ ネ ー+ ォ 


Arial 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghiikmnopqrstuywwyZ< 
01234567891"#$9 8&/7-+ 


Comic Sans MS 
ABCDEF6HTJKL 娘 NOPQRSTUVWXYZ 


gbcdefghijkImnopqrsTuvwxyz 
01234567891" な 上 %&/*ー ォ 


Courier 


ABCDEFGHIJKLMNOPQORSTUVwXYZ 
abcdefghi jk1mnopqrstuvwxy っ 


0123456789 | "# ら を & ノ キー 
Impact 
癌 bBMEFGHIKLNNOPOHSTIMMMY7 


ahpderfghijhlmnopdrstlUpz 
23456789!" せ 8%&/7ー+ 


News Gothic 


ABCDEFGHIJKLMNOPORSTUVWXYZ 
abcdefghijklmnopqrstuywXyZ 
0123456789!1"#$ も の 上 &/W- 二 


Times New Roman 


BCDEFGHTIKLMNOPORSTUVWXYZ 


abcdefshtjkimnopgrstuvwzyz 
01234567891"#$96 届 7/ ま - 十 
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あい うえ お アイ ウエ オ 
01234567891"#$%&/ キ ネー キ 


MS P 明 朝 

日 本 語 漢字 見 本 

あい うえ お アイ ウエ オ 
01234567891"#$% 尺 / ネ キー 


Century Gothic 


ム ABCDEFGHIJKLMNOPGQRSTUVWXYZ 
QbcdefghikImnopqrstuvwxyz 
01234567891"#$%&/*-+ 


Copperplate 


ABCDEFGHIJKLMNOPQGRSTUVWXYZ 
ABCDEFGLHIJKLMNOPQRSTUVWXY 
O1234567891" が も 96&/*- キ 


Courier New 


ABCDEFGHTJKLMNOPEORSTUVWXYZ 
abcdeFghi]k1mnopqrstuywxyz 
0123456789 ! " # 5 $ も < / ネ ー 二 


Lucida 


APCDEFCA が LMAMOPOPSTUVWXZ 
Pcge 切 月 7 の PSIVWX ツア 
0723456Z89! "まる る / ま -+ 


Symbol 


ム ABXAE の THI2KAMNOIIGPZTYcQEYZ 
wpx9s ゆ yu の KAkzoroo7uoo と て 
01234567891 マ # ゴ ヨゴ %&/*ー+ 


Verdana 


ABCDEFGHIJIKLMNOPORSTUVWXYZ 
abcdefghijkImnopqrstuywxyz 
01234567891"# も 96&/*-+ 


| 


Windows と Macintosh で 最初 か ら OS に イン スト ー ル され て いる フォ ント を ブラ ウザ で 表示 
させ まし た 。 フ ォ ン ト 名 を 指定 する 時 の 参考 に し て くだ さい 


Macintosh 
Osaka 0saka- 等 幅 
日 本 語 漢字 見 本 日 本 語 漢字 見 本 
あい うえ お アイ ウエ オ あい うえ お アイ ウエ オ 
01234567891" ま $ 宮 &/ ま ー ャ 0123456789 1! きま $ 衣 を / キ ー オ 
細 明 朝 体 中 ゴシック 体 
日 本 語 河 字 見 本 日 本 語 漢字 見 本 
あい うえ お アイ ウエ オ あい うえ お アイ ウエ オ 
n123456789 1"#$ 5 キー 01234567891"#$%&!-+ 
平成 名 ゴシック 平成 明 朝 
日 本 語 漢字 見 本 日 本 語 漢字 見 本 
あい うえ お アイ ウエ オ あい うえ お ウエ オ 
0123456789 !" 区 &/*ー 二 


Charcoal 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuywxyz 
0123456789!" ま め 96&&/ テ キー キ 


Courier 
ABCDEFGHTJEKLITNOPORSTUVWXYZ 
abcdefgh1]K1munopdr StuVwpt ツ る 
0123456789 !| "#$ も を ん / ま キー キャ 
Helvetica 
BCDEFGHJKLMNOPQRSTUVWXYZ 


abcdefghilklmnopdrStuwMXVz 
01234567891"#$96 8 アー ャ 


New York 


ぬ &BCDEFGHITKLMNOPORSTUV WXYZ 
abcdefghijklmnopqrStUVwry2 
01234567891" ま も 史 &/ ネ キー ュ 


Symbol 


人 


ex6c も ympKAhvoTBporomo を wt て 
01234567891 マ # ヨ 宮 交 7 キー キャ 


アイ 
01234567891"#$% 必 /*ー 十 


Chicago 


HBCUEFGHIJKLNMINDPURSTUUUUHVZ 
abcdefghijklmnopdrstuUlDtUZ 
9123456789!" ば $ 和 あか / ネ キー キュ 


Geneva 


ム BEDEFGHIJKLFINHPURSTUVWXYZ 
abcdefqhijklmnopqrstuvwXyz 
01234567891" まき $ 宮 &/ メ ー キ 


Monaco 


』BCDEFGHIJKLNAOPORSTUVWXYZ 
abcdefqht]k lmnopqrstuvww yz 
@123456789 ! "まる $%&/ ネ ー キ 


Palatino 


人 ふ BCDEFGHIIKLMINOFORSTUVVWYXYZ 
abcdefzhijklmrmopqrstuyw 


XYZ 
0123456789!" まる 5 を / キ ー キ 


Times 


ABCDEFGHIJKLMNOPQRSTUYWXYZ 
abcdefshijkim 
0123456789!" ま * 


yyz 
なー ュ 


巻末 付録 VI 





VIII 


Web サイ ズ チ ャ ー ト 


HTML・CSS・JavaScript で サイ ズ を 指定 する 時 に 使う 単位 を 解説 し ます 。 た だ し 、px・% 
以外 は 、 ス タイ ル シ ー ト 内 で し か 使う こと が で きま せん 。 


相対 的 な 大 き さ の 単位 


*DX 1 ピク セル を 1 と する 単位 で す 。 主 に コン ピュ ー タ の ディ スプ レイ を 出力 対象 と し ます が 、 
その 解像度 に よっ て 表示 され る 大 き さ が 異な っ て きま す の で 、 注 意 し て くだ さい 。 

*% 他 の 大 き さ に 対す る 割合 で 表す 場合 に 使用 し ます 。 対 象 と する 大 き さ は 状況 に 応じ て 、 同 じ 
要素 内 の 他 の プロ パテ ィ 、 親 要素 の プロ パテ ィ 、 そ れ を 含む プロ ッ ク の 幅 な ど に な り ま す 。 

*Bm その 範囲 で 有効 な フォ ント の 高 さ (fon-size の 値 ) を 1 と する 単位 で す 。 スタ イル シー ト の 
font-size プ ロ パ ティ の 値 と し て この 単位 が 使用 され た 場合 に は 、 親 要素 で 有効 な フォ ント 
の 高き を 1 と する 値 に な り ま す 。 

・eX その 範囲 で 有効 な フォ ント の アル ファ ベッ ト の 小文字 [x] の 高き を 1 と する 単位 で す 。 フ ォ 
ント に よっ て は 、 必ず し も [x] の 高 さと 一 


致す る と は 限り ませ ん 。 ま た 、 こ の 単位 は | X-height 1 


[x| を 含ま な い フ ォ ン ト に も 適用 され ます 。 





絶対 的 な 大 き さ の 単位 


*in イン チ 。1 イ ンチ は 2.54cm(=25.4mm) で す 。 

*Cm セン チ メ ー ト ル 。1 セ ンチ メー トル は 10 ミ リ メ ー ト ル で す 。 

*Imm ミリ メー トル 。1 ミ リ メ ー ト ル は 1/10 セ ンチ メー トル で す 。 

・Dt ポイ ント 。1 ポ イン ト は 1/772 イ ンチ で す 。 一 般 的 に 文字 の サイ ズ を 指定 する 時 に 使い ます 。 
・DC パイ カ 。1 パ イカ は 12 ポ イン ト で す 。 


【 メ ジャ ー】 
In 
Cm 
mm 
pt 
PC 

【 文 字 サ イズ 】 
8pt あい うえ お ABCabc1234567890 


12p あい う え を お ABCabc1234567890 
st あい うえ お ABCabc1234567890 


選 あい うえ お ABCabc123456789 
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2 
| 

1 2 3 1 1 6 7 8 9 10 
50 


き 
さき 


5 10 15 20 25 30 35 55 60 65 70 75 80 85 90 95 100 
IM 


50 100 150 200 250 
IIIIIIIiIIIIIIIIIHITIIIIIIIIIHITHIHITITTTTTITITTHITIHIHIII 
5 10 15 20 


MWT Ma し WU) DO DU 000 9 WI 


ー ゥ 一 一 らら 一 ら 





! 最新 実用 
TSBN4-87966-931-8 | 】 カラ ー 語 


9784879669315 


C3055 \2500E 


Ei | 


1923055025004 


株 式 
倒 





IALH 


arm | 中 品 HHOS BABr 


羽 畠 吾 和 シ ステ ム 


4 





